Show Icon Always on Product Page

  • I’d like the heart icon to always how on the product page. I’m ok with the on hover on the catalog pages, but once they get to the product page, I’d like to see the icon visible.

    Next question, as another option, how can you add a button to the product page to add to wishlist? I’d want to put a heart icon next to the add to cart button.

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

Viewing 4 replies - 1 through 4 (of 4 total)

  • Hello there,

    Thanks for contacting us, we hope you are doing well ??

    In order for the heart icon to remain visible on the product page, try inserting the following CSS code in the “Appearance” > “Customize” > “Additional CSS” section:

    .product-gallery .image-tools.absolute.top.show-on-hover.right {
    opacity: 1 !important;
}

    As for the position of the “Add to wishlist” button, what do you want is for it to be displayed as in this screenshot?

    Let us know any news, please.
    Have a nice day!

    Thread Starter Eastern Watersports

    (@kbdiverservices)

    I’ll try that code. And yes, but I’d rather it just be the heart icon next to add to cart…not another big button…

    Thread Starter Eastern Watersports

    (@kbdiverservices)

    Unfortunately that code makes it visible on every part of the store, not just the product page. The entire catalog has the heart icon showing now.

    Hello there,

    Thanks for your reply, I hope you are doing well ??

    Please try the following CSS code in the section mentioned above:

    .product-container .product-gallery .image-tools.absolute.top.show-on-hover.right {
    opacity: 1 !important;
}

    Let us know any news, please.
    Have a nice day!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Show Icon Always on Product Page’ is closed to new replies.