Share button icon do not show

Hi there,

On your test site we don’t see any Wishlist functionality. Do you have it installed?

On the other hand, it is likely that two icons will appear because with the code that we provide you, the FontAwesome library is loaded, then that icon is displayed, and the other one, which may be included in your theme. You can remove the FontAwesome icon with this code:

body.product-template-default .yith-wcwl-add-to-wishlist i {
    display: none !important;
}

Regarding having to reload files, there are many themes and even plugins that dequeue our style files to add their own styles, this is why sometimes you have to reload them through code.

If you have more questions, do not hesitate to contact us.

Have a nice day!

Sorry, there is a conflict from the Litespeed cache after staging directly, I disable it. You can check the wishlist page now.

You can see the padding of the wishlist page table is wired. Left padding < right padding for desktop. No padding for mobile and the remove icon is on the edge of the screen, which makes it hard to tap.

One more question, it seems that prettyPhoto is used for showing lightbox, but I do not see lightbox for my wishlist pages, should I load it anyway? I know the font awesome is working for the share button, but my theme contains font awesome and it will be more efficient to load them locally.

After enqueue woocommerce_prettyPhoto_css, there are one more <i class=”yith-wcwl-icon fa fa-heart-o”></i> before add to wishilt icon, but no such elementor before added icon.
This result in the add icon is much lower than added icon on my product catalog page.

Hi there,

In order to fix the mobile display issues, add this CSS:

.wishlist_table.mobile {
    margin-left: 18px !important;
}

.wishlist_table.mobile li .item-wrapper {
    width: calc(100% - 8px) !important;
    vertical-align: top;
}

We cannot see the wishlist functionality in the shop. Have you deactivated it?

PrettyPhoto is used for popups, among other things. You can remove the requirement for this in the code we passed you messages back.

We will be attentive to your response.

Best regards.

It is a problem with the cache plugin, I disable it. you can check https://test.theryang.com/shop/ now.

The left-right margin of the desktop wishlist table also has some problems.

Hi there,

In order to increase the margins of the mobile view, add this CSS:

@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  #yith-wcwl-form {
    margin: 15px !important;
  }
}

And for desktop:

#yith-wcwl-form {
  margin-left: 150px !important;
}

Try it out and tell us any news, please.

Best regards.

• This reply was modified 2 years, 10 months ago by Juan Coronel.

After enqueue woocommerce_prettyPhoto_css, there are one more <i class=”yith-wcwl-icon fa fa-heart-o”></i> before add to wishilt icon, but no such elementor before added icon.
This result in the add icon is much lower than added icon on my product catalog page.

Any supporter here?

add and added buttons display on different postions

https://theryang.com/shop