Display images under main image on product page

  • Posts: 15
  • Thank you received: 1
  • Hikashop Business
3 years 10 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: 83007
  • Thank you received: 13398
  • MODERATOR
3 years 10 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: 15
  • Thank you received: 1
  • Hikashop Business
3 years 10 months ago #328579

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
3 years 10 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: 15
  • Thank you received: 1
  • Hikashop Business
3 years 10 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: 83007
  • Thank you received: 13398
  • MODERATOR
3 years 10 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.

  • Posts: 138
  • Thank you received: 8
  • Hikashop Business
3 months 5 days ago #363198

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

Last edit: 3 months 5 days ago by NicoW.

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
3 months 4 days ago #363199

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 ?

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

  • Posts: 138
  • Thank you received: 8
  • Hikashop Business
3 months 4 days ago #363209

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.

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

  • Posts: 4760
  • Thank you received: 647
  • MODERATOR
3 months 4 days ago #363210

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

Last edit: 3 months 4 days ago by Philip.

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

  • Posts: 138
  • Thank you received: 8
  • Hikashop Business
3 months 4 days ago #363220

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

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
3 months 2 days ago #363226

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.

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

  • Posts: 138
  • Thank you received: 8
  • Hikashop Business
3 months 2 days ago #363238

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.

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

  • Posts: 83007
  • Thank you received: 13398
  • MODERATOR
3 months 1 day ago #363240

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.

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

Time to create page: 0.087 seconds
Powered by Kunena Forum