Single product and plug-in detail - by Darja

Hello,

1) Add this custom CSS code:

.single-product .swiper-control-top .woocommerce-main-image {
    pointer-events:  none;
}

2) Try this code:

.single-product .st-swatch-preview > li  {
    width: 38px !important;
    height: 38px !important;
    border-width: 2px;
}

3) It requests additional customization in files.
Add this code in xstore-child/functions.php:

add_action('woocommerce_single_product_summary', 'custom_button_after_single_product_summary', 39);
function custom_button_after_single_product_summary() { ?>
	<a href="#" class="btn btn-black sp-custom-button">Custom button</a>
<?php }

and xstore-child/style.css –

.sp-custom-button {
    margin-bottom: 15px;
}

> https://prnt.sc/oqe4cs
4) Related products are generated automatically https://docs.woocommerce.com/document/related-products-up-sells-and-cross-sells/
You can disable the related products – http://prntscr.com/oqe1gm , create a static block with the desired content http://prntscr.com/oqe289 and set this block on every single product page – http://prntscr.com/oqe2rp
5) This is default functionality, not a bug.

Regards

Hello,

1. Move the site to live server and provide us with link to the product and WP Dashabord access to check and help you.
2, 4. You’re welcome!
3. You need to use custom CSS code, to achieve the desired result. I will be able to help with the code once your site will be live.
5. We do not have a ready solution, so can’t help you with this, because additional customization in files and is outside the scope of basic theme support. If you need help with the additional customization, submit customization request to WPKraken team.

Regards

Hello,

We have improved the code but don’t see changes because of the CDN cache. Clear the server/CDN cache to apply changes.

.custom-contact-popup a {
    padding: 10px 20px;
    color:  black;
    font-size:16px;
}
.custom-contact-popup a:before {
    content: "\e93a";
    padding-right: 5px;
    font-family: 'xstore-icons';
    vertical-align: middle;
}
.custom-contact-popup a:hover {
    color:  #ddc178;
}

Regards