Product Listing Hover Is Too Big How Can I Make Suttle

  • Posts: 290
  • Thank you received: 5
  • Hikashop Business
3 weeks 2 days ago #365425

-- 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.

  • Posts: 4781
  • Thank you received: 649
  • MODERATOR
3 weeks 2 days ago #365448

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: 3 weeks 2 days ago by Philip.

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

  • Posts: 290
  • Thank you received: 5
  • Hikashop Business
2 weeks 20 hours ago #365579

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

Attachments:

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

  • Posts: 4781
  • Thank you received: 649
  • MODERATOR
2 weeks 15 hours ago #365581

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 :

.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 :
.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: 2 weeks 19 hours ago by Philip.

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

  • Posts: 290
  • Thank you received: 5
  • Hikashop Business
2 weeks 10 hours ago #365585

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.

  • Posts: 83303
  • Thank you received: 13467
  • MODERATOR
2 weeks 3 hours ago #365589

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.077 seconds
Powered by Kunena Forum