additional images are listed vertically but i want them horizontally

[mike]

Hi,

Currently I'm struggeling to set up my VM 4.022
if I'm on the product page then all additional images are vertically, how can i have them horizontally ?

have a look here : https://passion4wood.lighting/index.php/en/products/carillon-detail

I'm running
- VM4.0.22
- joomla 4.3.2

Thanks,

Mike.

[jenkinhill]

Edit and override components/com_virtuemart/views/productdetails/tmpl/default_images_additional.php

You need to remove the div surrounding the image, starts <div class="floatleft"> for a start.

[Jumbo!]

Add the following custom CSS to your template.

Code Select Expand

.additional-images {
    display: flex;
    flex-wrap: wrap;
}

.additional-images .floatleft {
    margin-right: 5px;
    margin-bottom: 5px;
    max-width: 120px;
    border: 1px solid #aaa;
}

[mike]

Hi Jumbo!

This works the way I want !

Great help, thank you very much !!!

regards,

  Mike.

[Ghost]

You should review your settings. Your template is based on BS5 but you're loading BS3 stylesheets. Also main Virtuemart CSS is not loaded.

[mike]

If I try BS5 then everything is messed up, BS3 seems to me the best to use.
the virtuemart css is switched on in the backend, so how do you mean it is not loaded ?