Display images under main image on product page

  • Posts: 11
  • Thank you received: 1
3 years 2 months ago #328546

I currently have a product page and I have 4 images for the product. The first image appears as the main images and the other three appear as smaller images.
These smaller images are on the left of the page and down at the bottom stacked vertically.
How can I stack them horizontally like in the demo site.
Been looking about and cannot find the right place to change this (if it is changeable)

Thanks in anticipation
Kenny

Please Log in or Create an account to join the conversation.

  • Posts: 81481
  • Thank you received: 13062
  • MODERATOR
3 years 2 months ago #328549

Hi,

It should be like on the demo website by default, and there is no option to change that.
So it's likely that the vertical stacking of these images comes from your Joomla template.
Could you provide the URL of a product page with that display ? That way, we could analyse the situation and maybe figure out a solution.

Please Log in or Create an account to join the conversation.

  • Posts: 11
  • Thank you received: 1
3 years 2 months ago #328579

Link to product page

www.andywraight.com/index.php/gear-for-s...re-electric-guitar-2

Please Log in or Create an account to join the conversation.

  • Posts: 81481
  • Thank you received: 13062
  • MODERATOR
3 years 2 months ago #328587

Hi,

So first, you have the CSS :

img {
    display: block;
    max-width: 100%;
    height: auto;
}
coming from the file www.andywraight.com/templates/shaper_hel...ate/css/template.css which messes the display of the thumbnails there.
Replace that CSS code by:
img {
    max-width: 100%;
}
in that file and clear the cache of your website if any and you'll have a cleaner display:
monosnap.com/file/G7vvyKSIshkTeDjTfiQnY4daUI7nCF

Please Log in or Create an account to join the conversation.

  • Posts: 11
  • Thank you received: 1
3 years 2 months ago #328626

Thanks Nicolas, I have tried that, cleared cache, cleared browser cache but it does not seem to have made any difference.

Kenny

Please Log in or Create an account to join the conversation.

  • Posts: 81481
  • Thank you received: 13062
  • MODERATOR
3 years 2 months ago #328645

Hi,

I checked but I still see the CSS I told you to replace in the file www.andywraight.com/templates/shaper_hel...ate/css/template.css :
monosnap.com/file/GxPL5RiISyy5AqIIU5I10Vg0nVY0Be
So you must have missed something when trying to do the change.

Please Log in or Create an account to join the conversation.

Time to create page: 0.067 seconds
Powered by Kunena Forum