Product page buy now + add to cart button

Hello, Abanoubmourad,

Thank you for getting in touch with us.

Please provide screenshots from your mobile and describe the desired result in more detail.

Thank you for your cooperation and we look forward to hearing from you soon.

Kind Regards,
8theme team

Hello, Abanoubmourad,

Thank you for your response.

1/ Please add the next code in Theme options > Theme custom CSS > Global:

@media (max-width: 767px) {
    .etheme-sticky-cart p.price,
    .etheme-sticky-cart .quantity ~ .et-single-buy-now {
        display: none;
    }
}

2/ There is no such option, but you can try the next custom CSS code:

@media only screen and (max-width: 992px) {
    .single-product .et_product-block.mob-full-width:nth-child(1), .single-product .et_product-block.mob-full-width:nth-child(2) {
        width: 50% !important;
    }
}

Kind Regards,
8theme team

Hello, Abanoubmourad,

Thank you for your response.

1/ Please remove the previous code and use:

@media only screen and (max-width: 992px) {
    .single-product .etheme-sticky-cart .et_column:nth-child(2) {
        justify-content: flex-start;
        overflow: auto;
    }
}

2/ You can add next custom CSS to decrease the height of images on mobile:

@media only screen and (max-width: 768px) {
    .swipers-couple-wrapper .swiper-wrapper img {
        max-height: 300px;
        width: auto;
    }
    .swiper-control-bottom .swiper-wrapper img {
        max-height: 100px;
    }
}

Result – https://prnt.sc/dcsjFz8S76-R

3/ You are using now our XStore Advanced sticky header plugin where is only possibility to make one header part sticky but with full own design. To have a few sticky headers, please disable XStore Advanced sticky header plugin and configure Header sticky settings.

4/ To increase the quality of your images on Single product, please, set higher values in Theme Options → WooCommerce → Product Images → https://prnt.sc/kIJFwfEYOPAp . More information you may find here → https://woocommerce.com/document/image-sizes-theme-developers/#section-1

We hope this information is helpful.

Kind Regards,
8theme team

Hello, Abanoubmourad,

Thank you for your response.

1/ The code works fine, there is no other way to show both buttons – https://gyazo.com/9abeab88a3a9ae816d5a5d1763436b35

3/ You can change the background color of the top header or use the next custom CSS code:

.header-top .et-container {
    padding: 0px;
}

4/ 670
After these changes, you need to Regenerate Thumbnails to apply them for iamges! You can use the Regenerate thumbnails plugin to do this https://wordpress.org/plugins/regenerate-thumbnails/

Kind Regards,
8theme team

Hello, Abanoubmourad,

Thank you for your response.

1/ In this case, delete this code https://prnt.sc/sFGixoOOFgcE and use this one:

@media (max-width: 767px) {
    .etheme-sticky-cart .quantity ~ .et-single-buy-now {
        display: none;
    }
}

4/ Zoom on hover shows the image in real size it was uploaded on the site, but the real width of the image is only 675px. Try to upload the image in biggest dimension and check then.
5, 6/ Please post new questions via new topics https://www.8theme.com/forums/xstore-wordpress-support-forum/ to prevent a mess in this conversation.

We hope for your understanding.

Kind Regards,
8theme team

Hello, Abanoubmourad,

Thank you for your response.

We mean that the images of your products should have a larger width and height. In case you think that they are blurry on our demo – https://xstore.8theme.com/elementor2/luxury-jewelry/product/yellow-diamond-ring/

Kind Regards,
8theme team

Hello, Abanoubmourad,

Have you had the opportunity to review the demonstration prior to making your purchase? For us images do not look blurry, we already described to you how to fix it by uploading your own images – https://www.8theme.com/documentation/xstore/woocommerce/product-images/ https://docs.woocommerce.com/document/fixing-blurry-product-images/ These settings come from Woocommerce, not from our theme.
We hope for your understanding.

Kind Regards,
8theme team