Display images under main image on product page

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

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.

Link to product page

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

Hi,

So first, you have the CSS : 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: in that file and clear the cache of your website if any and you'll have a cleaner display:
monosnap.com/file/G7vvyKSIshkTeDjTfiQnY4daUI7nCF

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

Kenny

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.

*I see i replied on the wrong tab in my browser, my question is about the main image on product page.

I hope i can still add to this topic here as it seems something i struggle with in the same way.
I changed some setting in the menu hika tabs settings, and in hikashop in main,images and checked the css.
Even changed the scss of the template where it says topleft_part from 20% to 40% but i can not get the image to go bigger.
* I like to get the image bigger, could be even up to 2x the size on desktop + the topright_part texts to almost hit the right border.

What have i missed where i should change the settings for this?

Hi,

It's hard to say without looking at the situation directly.
Could you provide the URL of the page where you have the issue ?

Any productpage in the shop is where i wish bigger images but they just won't get bigger whatever i change.
Hopefully when the picture fills a bigge rpart of the screen also the texts on the right of the image will look in a more natural way where now they are about center screen.

Hello,

In order to allow us to help you, we need to see the context, and that's why we need an Url link as requested by Nicolas.
This will allow us to process some analysis and test, and get clues about your issue.
Regards

Philip, was this the first time i did not fill in my website address when posting and check *private?
I don't get it

Hi,

The field to provide your URL and the checkbox are only displayed when you create a new thread on the forum.
When you reply to someone, you don't get them.
The person who initiated this thread is @kenny_robb, not you, and thus you didn't provide the URL relative to the question you're asking on this thread.

Yes, as most times my posts are super easy to solve for you developers and i notice i'm not up to par, this time i give it back to you:
You can check or remember i posted multiple times in several days where this information is easily obtainable.

Hi,

You might be managing several websites and contacting us for different websites on different threads at the same time.
For example, following your message here, I checked your recent thread 2 days ago here www.hikashop.com/forum/customers/908584-...sterationnumber.html and found a website URL which doesn't work:
i.imgur.com/QYYD6Sd.png
Please understand that we have to answer to many users for many websites and we can't keep track of the URLs of all the websites of everyone.
Now, you posted today about another issue on www.hikashop.com/forum/install-update/90...ges-and-content.html where you provided another URL and on this URL, I can see that you have added custom classes to the div elements of the product page layout in order to rely on your template's CSS:
i.imgur.com/62f6jtp.png
As you can see, the left side div has the class size-35 with has a 35% width CSS rule in the CSS of your template.
This forces the area available to be maximum 400px. And since you also have CSS to force the image's max width to not go over the available space, even if you configure HikaShop to generate an image with a width of 800px, the browser will resize it to fit in that area of 400px.