News:

Looking for documentation? Take a look on our wiki

Main Menu

additional images are listed vertically but i want them horizontally

Started by mike, June 07, 2023, 21:54:06 PM

Previous topic - Next topic

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.
Kelvyn
Lowestoft, Suffolk, UK

Retired from forum life November 2023

Please mention your VirtueMart, Joomla and PHP versions when asking a question in this forum

Jumbo!

Add the following custom CSS to your template.

.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 ?