This topic has 2 voices, contains 7 replies, and was last updated by  TB Support 4046 days ago.

Hover effect

ThemeBurn Support › Forums › OpenCart Themes › Shoppica 2 OpenCart Theme › Hover effect

This topic has been marked as not a support question.

Hi TB;

I went to use the hover effect on module use <li> not using <div>

Thank you.

Sam
 samdz
March 20, 2013 at 10:03 am #20698

Hi Sam,

We’re sorry, but we can’t understand the problem here :) Can you explain a bit more?

Thanks,
ThemeBurn team
 TB Support
March 22, 2013 at 11:10 am #20825

Hi;

Sorry, but I have carousel module for display products, the problem is the module listed the products between

<ul>
   <li>
      <div>
..................
      </div>
    </li>
</ul>

but when I have change the code I get wrong styling when hover, please check the picture in attachment.

Any idea,

Thank you.
Sam
 samdz
March 22, 2013 at 12:11 pm #20841

Hi,

Unfortunately, you will have to remove the hover effect for the carousel module. All carousel scripts use the overflow: hidden technique to hide the “out of the sight” images. When hovered, Shoppica products get a little bit bigger and go out of the visible part of the carousel.

Best,
ThemeBurn team
 TB Support
March 25, 2013 at 11:35 am #20960

Hi TB,

Thank you, but any way to make the products with hover in Tab ?

Best regards.
Sam
 samdz
March 25, 2013 at 7:08 pm #20997

Hi Sam,

Where do you have product in tabs :)

 TB Support
March 28, 2013 at 5:32 pm #21158

Hi TB,

Thank you for your reply,

I went to make related products in a tab.

Best regards.
Sam
 samdz
March 28, 2013 at 10:24 pm #21196

Hi Sam,

Generally, the problem you describe comes from the overflow: hidden css property, which is assigned to some of the containers of your product listing. Unfortunately, we can’t say more about a screenshot only.

Best,
ThemeBurn team
 TB Support
April 1, 2013 at 3:55 pm #21319
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.