Skip to main content

Product Listing Hover Is Too Big How Can I Make Suttle

More
1 year 8 months ago #365425 by fan4chevy
-- HikaShop version -- : 5.1.3
-- Joomla version -- : 5

Hi,
I have HikaShop Business. I have product images on product listing to hover, however, they hover real big. How do I make them hover just a bit to make it obvious of mouseover?

Thank you,
Charles

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

More
1 year 8 months ago - 1 year 8 months ago #365448 by Philip
Hello,

Please provide us, these elements :
- An Url link to your context.
- Your relative product listing configuration via a screenshot (in product options tab)
Regards
Last edit: 1 year 8 months ago by Philip.

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

More
1 year 8 months ago #365579 by fan4chevy
Here is an example of what I mean about hover too big! In my images notice how they are much bigger than the main image. Is there a way to just make it slightly bigger just enough to notice you hovered?

Thank you,
Charles

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

More
1 year 8 months ago - 1 year 8 months ago #365581 by Philip
Hello,

You can edit your Css code, learn how to edit (and create a custom frontend file Css), here .
And in your frontend css file, around line 920 you will find this :
Code:
.hikashop_category_information .hikashop_zoom_hover .hikashop_subcontainer:hover { transform: scale(1.4); transition-delay: 0.5s; z-index: 999; box-shadow: 0 0 10px rgba(0,0,0,0.5); }
Edit the transform command to modify the scale value for by example 1.2.
Result :
Code:
.hikashop_category_information .hikashop_zoom_hover .hikashop_subcontainer:hover { transform: scale(1.2); transition-delay: 0.5s; z-index: 999; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }

Regards
Last edit: 1 year 8 months ago by Philip.

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

More
1 year 8 months ago #365585 by fan4chevy
That worked. Thank you. What is the difference between front end css file and styles for the front end?

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

More
1 year 8 months ago #365589 by nicolas
The "Styles for the frontend" setting allows you to select a style from the style pack:
www.hikashop.com/download/styles-for-hikashop.html

The frontend CSS comes by default with HikaShop.

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

Time to create page: 0.208 seconds
Powered by Kunena Forum