“ATW Heart button” ONLY appears when hovering the product page’s image. Why ?

  • Resolved sushiman1787

    (@sushiman1787)


    2 years, 5 months ago

    Hello all !

    The “ATW Heart button” ONLY appears when hovering the product page’s image (On the “LOOP” or “Single Product Page”).
    No matter how much “CSS code” or the “73 pages of YITH support” I filtered out, I can’t seem to find a solution, it’s driving me crazy ??

    Information I could gather:
    – Apparently, it could be because I’m using Flatsome theme.
    – Also, the “ATW heart button” show up correctly on MOBILE and TABLET views, but not on DESKTOP.

    Can you please help me ?

    Thank you.

    Best regards.

    • This topic was modified 2 years, 5 months ago by sushiman1787. Reason: Additional information

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter sushiman1787

    (@sushiman1787)

    UPDATE

    I managed to correct the behavior of the “ATW Heart button” on the “Single Product Page” but the issue remains on the “LOOP”.

    `Can you please help me ?

    Thank you.

    Best regards

    Thread Starter sushiman1787

    (@sushiman1787)

    Can someone help me, please ?

    Plugin Support Juan Coronel

    (@juaancmendez)

    Hello there,
    we hope you’re doing well!

    This behavior is due to customizations that Flatsome includes in its integration with our free version of Wishlist. You can fix this by adding the following CSS in Appearance > Customize > Additional CSS:

    body.archive div.product .image-tools {
    opacity: 1 !important;
}

    Could you check it and tell us if it works well for you, please?

    We will be attentive to your response.

    Best regards.

    Thread Starter sushiman1787

    (@sushiman1787)

    Thank you very much for the answer.

    Unfortunately, the “ATW Heart button” still doesn’t show up, unless hovering the product’s image.

    • This reply was modified 2 years, 5 months ago by sushiman1787.
    Thread Starter sushiman1787

    (@sushiman1787)

    Actually it worked, but just not everywhere apparently …

    The only place that didn’t work (and that’s where I was focusing) is the homepage with the highlighted products.

    Why is that ? It’s very strange, right ??

    Thread Starter sushiman1787

    (@sushiman1787)

    I Found a solution ??

    ↓↓↓ Your solution ↓↓↓
body.archive div.product .image-tools 
{
  opacity: 1 !important;
	/* ATW on Product categories */ 
}
    ↓↓↓ My solution for the rest of my issue ↓↓↓
body.woocommerce div.product .image-tools
{
	opacity: 1 !important; 
	/* ATW on Single Product */
}

.show-on-hover
{
	opacity: 1 !important;
	/* ATW on Highlighted Products */
}
    • This reply was modified 2 years, 5 months ago by sushiman1787. Reason: insertion
    • This reply was modified 2 years, 5 months ago by sushiman1787.
    • This reply was modified 2 years, 5 months ago by sushiman1787.
    Thread Starter sushiman1787

    (@sushiman1787)

    Thank you very much sir for your help !!!!!!!!

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘“ATW Heart button” ONLY appears when hovering the product page’s image. Why ?’ is closed to new replies.