Categories and products

Hello,

I´ve a problem with products and categories picture.

Appear without separation between them like for example bikestore and it appears with diferent size. The size are 300x300 (180x180 px in virtuemart). Here there is a screenshot:




http://vimistore.es/index.php/c%C3%A1maras-deporte/gopro/accesorios.html

Categories:



http://vimistore.es/index.php/c%C3%A1maras-deporte.html

Thanks and regards

Hi

Please add this code to css:

Code: Select all

.horizontal-separator {
    height: 15px;
}

.category-view .row .category .spacer {
    margin: 0 5px;
}


Many thanks!!!

It works fine! But are you know how can I set all products with the same size?

Regards

Hi

Please add this code to css:

Code: Select all

.category-view .row .category .spacer,
.featured-view .spacer,
.latest-view .spacer,
.topten-view .spacer,
.related-products-view .spacer,
.browse-view .row .product .spacer {
    height: 280px;
}


FANTASTIC!!!!!

Thanks for all

Regards!!

Hi there, I added same codes to override.css since I had the same problem, now, however I face an another wierd problem.

https://plakdunyasi.com/demo/index.php/plak-dukkani

Seen above the homepage of my shop, the top products, recommended products etc column has a problem that the Details button is below the page and the boxes get in each other.

https://plakdunyasi.com/demo/index.php/ ... ock-muezik

Same problem, Details button blow the white are of the page.

I would like to ask one more question.
This is the usual product page, I added costum field as you can notice. However they seem to be in the same block with usual Price etc. Can I get them under the image?

And one last question, I really couldn't figure out why there are 2 prices showing

Hi

Sorry, but I do not see described problems. Have You fixed it or am I looking at the wrong place ??

No, I had to delete the given codes from override css

Code: Select all

.category-view .row .category .spacer,
.featured-view .spacer,
.latest-view .spacer,
.topten-view .spacer,
.related-products-view .spacer,
.browse-view .row .product .spacer {
    height: 280px;
}

These ones, so still the boxes have their own pixels which looks a bit confusing. Is there a way to set them straight that wouldn't conflict.

Thanks

Hi

It was designed the way that borders are fitting to the content height, so setting static value is the only solution, but maybe You can use only category page selector, or use min-height instead of height:

Code: Select all

.category-view .row .category .spacer {
min-height: 280px;
}

Please also try play with the value, the one I gave You is just an example.