Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Rasa2 increase in size of preview images in HikaShop Product page

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

I am wondering if you know if the seven small preview images on this page just below the product page image have their size determined in HikaShop or within your template. I have been trying to find a setting. I would like to increase the size of the seven small images to that three of the images would end up lining up with the left and right edge of the larger image.

I am attaching an image here with you can see that the main product image is 320 pixels wide. I would like the width of the three columns total to also equal 320 pixels. I am wondering how I might get control of this?

I actually believe that I can do it with a css fix but am wondering if there is a configuration option instead?

Here is the CSS I think would work:

.hikashop_small_image_div img {
width: 104px;
margin-right: 5px;
padding: 1px !important;
float: left;
padding: 1px;
background: #fff;
border: 1px solid #fcdbba;
}

Thanks, Sean

PS. Also, you will notice that none of the video cover images are being cropped and resized. I suspect this is something I need to bring up to HikaShop? I would like to be able to specify the size of the images and then have them system create the smaller imaages rather then uploading very large images like they are doing now!
Attachments:
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
Last Edit: 8 years 8 months ago by scarney.
The administrator has disabled public write access.
Hi Sean,

Can you point me to the pages in question?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
My apologies for missing that. Here is the page:

www.veggievore.com/dvd/six-dvd-bundle
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Hi Sean,

I'm not an expert with Hika I'm afraid
The style as you say is however coming from Hikashop

.hikashop_product_page .hikashop_small_image_div img {
width: 80px;
margin-right: 4px;
padding: 1px !important;
float: left;
padding: 1px;
background: #fff;
border: 1px solid #fcdbba;
}

I think with your p.s you would need to ask the Hika folks
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
With it being 80px in width it means the 4th image in the row drops so increasing the width should do the trick with the thumbnails

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: scarney
Thanks so much. I will work with them on this one. :-)

Sean
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
Last Edit: 8 years 8 months ago by scarney.
The administrator has disabled public write access.
Let us know how you get on :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: scarney
They told me we needed to use the css tweaks and that worked fine. The images are being resized down for the preview images but need to be the same size as the product image for the hover to work that changes the product image as we hover over the various preview images. Anyhow, it is all good.
  • scarney's Avatar
  • scarney
  • LIfetime Developer - Big Bamboo
  • 896 posts
  • 11 Thanks
  • Karma: 1
The administrator has disabled public write access.
Ah cool thanks for the update

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers