Topic: No selection in the number of products & wishlist

Hello,

Thank you for using our theme.
1. Sorry for the incorrect screenshot in our documentation. That position for the wishlist is missing, by default, but you can achieve the similar result http://prntscr.com/kj9sz3 by adding this code in Theme Options > Styling > Custom css > Custom css for desktop:

.single-product .yith-wcwl-add-to-wishlist {
    display:  inline-block;
}
.single-product .add_to_wishlist {
    font-size: 0px !important;
}
.single-product .product-information .cart {
    width: 55%;
}

2. Try to add this code in Global custom css area:

.single-product .qty-span, .single-product .quantity {
    display: none !important;
}

Regards

Hello,

In this case, you can add this code in Global custom css:

.single-product .yith-wcwl-add-to-wishlist {
    position:  absolute;
    bottom: 12%;
    right: 5%;
    background-color: #262626;
    padding: 14px 12px 1px 15px;
}
.single-product .add_to_wishlist {
    font-size: 0px !important;
    display:  inline-block;
}
.single-product .add_to_wishlist:before {
    margin-right: 0px !important;
    color:  white;
}
.single-product .yith-wcwl-add-button.show {
    width: 20px;
}

http://prntscr.com/kjb00g
The wishlist button will be placed on right of Add to cart button to prevent problems with the position on different devices.

Regards

Hello,

1. Thanks for the video.
Please try this code:

.single-product .woo-variation-items-wrapper {
    padding-top: 16px !important;
}

2. You can add this code:

.single-product .product-information .yith-wcwl-wishlistexistsbrowse a:not(.alt):before, .single-product .product-information .yith-wcwl-wishlistaddedbrowse a:not(.alt):before {
    content: "\f004" !important;
    color: #000 !important;
    font-size: 1rem;
}
.single-product .yith-wcwl-add-to-wishlist a {
    font-size: 0px !important;
}
.single-product .yith-wcwl-add-to-wishlist {
    width: 25px;
}

+ change “bottom” value to 11% here – http://prntscr.com/kjce49

Regards

Hello,

1. Please delete this http://prntscr.com/kjcxij and this code http://prntscr.com/kjcxu6
2. Change this http://prntscr.com/kjcyzq to:

.single-product .product-information .yith-wcwl-wishlistexistsbrowse a:not(.alt):before, .single-product .product-information .yith-wcwl-wishlistaddedbrowse a:not(.alt):before {
    content: "\f004" !important;
    color: #000 !important;
    font-size: 1rem;
}
.single-product .yith-wcwl-add-to-wishlist a {
    font-size: 0px !important;
}
.single-product .yith-wcwl-add-to-wishlist {
    width: 20px;
}

and this http://prntscr.com/kjczmv to http://prntscr.com/kjczr8

Regards

Please change this http://prntscr.com/kjdei7 to 1.25rem and this http://prntscr.com/kjdesb to:

.single-product .yith-wcwl-add-to-wishlist {
    width: 20px;
    font-size: 0px;
    line-height: 3;
}

Let me know the result.

Regards

You’re welcome 🙂
Have a nice day

Regards

Hello,

That information is related to WooCommerce Germanized plugin. For that product, we don’t see mentioned information even on mobile. Do you have this problem with our theme only? Does it work fine with the default WooCommerce theme Storefront? Because we are able to help you only in case problem appears with our theme only and everything works fine with the default theme. In other cases, you need to contact plugin author about all the questions related to that plugin functionality.

Regards