Product Image SIze & boundary box

  • Posts: 42
  • Thank you received: 2
4 years 8 months ago #321931

-- url of the page with the problem -- : vixenfire.com.au/index.php/hikashop-menu...le-use-resuscitators
-- HikaShop version -- : 4.3.0
-- Joomla version -- : 3.9.19
-- PHP version -- : 7.3
-- Browser(s) name and version -- : FF 77.0.1
-- Error-message(debug-mod must be tuned on) -- : none

Hi, 2 questions please:

1.
I have failed to resize the product image. I have tried under the Menu > Hikashop > Item Layout > Image Height

I also tried adjusting the CSS like this:

/** Product image size */
#hikashop_category_information_menu_246 .hikashop_product_image {
height: 350px !important;
}

#hikashop_main_image img {
width: 350px !important; height: 350px !important;
}

... but no joy.


2. My client would like the Product Image to have a grey box outline, the same as the Category images do. Please see screenshots attached.





Is that possible?

Many thanks
Paul

Attachments:

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

  • Posts: 83407
  • Thank you received: 13502
  • MODERATOR
4 years 8 months ago #321939

Hi,

1. The page on your link is the details page of the product.
So the image size there is controlled by the setting "Product page image (width x height)" in your HikaShop configuration.
Right now, you must have set 0 and 800 in there.

2. The border effect on the listing is done by the bootstrap library embedded in Joomla because each element has the class "thumbnail'. So if you want the same border effect on the image of the product page, you need to add that thumbnail class to the div where you want the border.
You'll want to edit the file product / show_block_img.php via the menu Display>Views of HikaShop and add that thumbnail class to one of the divs there based on where you want the border to be around the image.

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

  • Posts: 42
  • Thank you received: 2
4 years 8 months ago #322087

That worked out ok, thanks.

Can I force the width too? You can see it is still full width.

[/i]

Attachments:

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

  • Posts: 83407
  • Thank you received: 13502
  • MODERATOR
4 years 8 months ago #322090

Hi,

Sure, you can add such CSS for that :

.hikashop_subcontainer.thumbnail {
    width: fit-content !important;
}
www.hikashop.com/support/documentation/1...ize-the-display.html

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

Time to create page: 0.081 seconds
Powered by Kunena Forum