I have bug with the clear selection in the product single page

Hello, LambdaSP,

Simple custom CSS code here
1/

form.cart a.reset_variations {
    display: block;
    margin-right: 0;
}

about your question “And the size swatches buttons not perfectly in the center” – they are centered aligned so it could be just an illusion.

2/ They are the same size from code but according to the font those strings may differ because ‘number type’ could be bigger in your body font and ‘Latic chars’ could be a bit smaller. There are no way to fix it properly for you because there are no such solution to write some part of CSS kind a ‘.some-string-class[content*=L]’ to increase/decrease its size.

3/ It is how it works and there cannot be a swipe effect, because if we deep a little bit inside the code then there are no loaded all slides as in real sliders but on arrow click main image just changes with the next one from the product’s data-images attribute.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Kind Regards,
8theme team

Hello, LambdaSP,

3/ https://www.8theme.com/documentation/xstore/woocommerce/product-images/
Appearance > Customize > WooCommerce > Product Images > thumbnails width > set Uncropped, the regenerate thumbnails using the plugin as described in our documentation.

4/ We suggest that you try disabling Mobile Content Optimization through Theme Options >> General/Layout, clear the cache, and then check the results.

Kind Regards,
8theme team

Hello @LambdaSP,

We would like to better understand the issue that remains. If possible, could you please provide a screenshot and the WordPress Admin Login details, along with the URL of the page having the issue, in the private content area of this topic? This will allow us to investigate the issue further and provide assistance.

Best Regards,
8Theme’s Team

Hello LambdaSP,

We have successfully resolved the issue with the image cropping setting by setting it to uncropped. All product images are now displaying properly and completely. Please refer to the screenshots provided here: https://postimg.cc/DWj31zwT and https://postimg.cc/jWGZVV8f

For more information on WooCommerce image sizes, please refer to the official documentation here: https://woocommerce.com/document/image-sizes-theme-developers/.

Best Regards,
8Theme’s Team

Hello LambdaSP,

That is because you have different sizes of the images, let me clarify for you.

If you have different sizes of images on your site, and you do not want to display them cut off or small and large sizes then you should have to choose the uncropped setting as I showed you in my last reply, but obviously that makes the container of those images shrink large or small based on the image proportion and that is the reason I asked you to please try to upload the same proportion product images on your site to avoid this inconvenience.

Now, if you choose cropped settings with the same image sizes of the products on your site, then it will cut off the images and make the container the same size and I know you do not want to cut off your product images as well.

Now you have to choose what exactly you want, then we will move to the next point the sale badge which moves the product image a bit right…

Hope this is clear enough now and that is the default functionality of the WooCommerce.

Kind Regards.
8Themes Team.

Hello LambdaSP,

We regret to inform you that there is no such option available. As previously explained in our last reply, this is the default functionality of WooCommerce. If you wish to try a plugin, you may do so at your own risk.

Best Regards,
8Theme’s Team

Hello LambdaSP,

If you would like to adjust the cropping of images, you can do so by changing the settings from Appearance >> Customize >> WooCommerce >> Product Images as per your requirements: https://postimg.cc/k6khC3Z0

Additionally, you can refer to the official documentation of WooCommerce here: https://woocommerce.com/document/image-sizes-theme-developers/

Best Regards,
8Theme’s Team

Hello LambdaSP,

Due to the varying sizes of the images, we recommend that you reupload the product images in the same size in order to resolve the issue.

Allow me to attempt to explain it to you once more.

Let us assume that you have two distinct products and two separate images for those products with two different sizes/resolutions.

First has 600×600
Second has 1200×1200

If you have selected the Cropped setting from WooCommerce, the second image with a larger size will be cropped, while the first image with a normal size will not be cropped. This is the reason why you are experiencing this issue.

We hope this explanation is clear and makes sense.

Best regards,
8Theme’s Team

Hello, @LambdaSP,

1. We are pleased to inform you that your issue has been resolved. Please clear your browser cache and revisit your site to confirm the resolution. We have commented out the CSS which was causing the issue. For further reference, please refer to the images provided at the following link: https://postimg.cc/rKZYCT1f. Additionally, please watch the resulting video at the following link: https://www.veed.io/view/90353af3-56ae-4e89-aaa5-e0bc51ef3a18?sharingWidget=true&panel=share.

2. You can change the style from XStore by navigating to Theme Options > WooCommerce > Shop > Product Style. You can then change the style from the available options. Please refer to the screenshot below for more information: https://postimg.cc/0MsbWbRx

3. We are pleased to inform you that the settings on your site are now working correctly. You can check the settings by editing the element under the slider. Please refer to the screenshot provided: https://postimg.cc/Vr21Ghbt

Best Regards,
8Theme’s Team

Hello @LambdaSP,

We are pleased to inform you that your issue has been resolved. Please clear your browser cache and revisit your site to confirm. We have selected the Product Content Effect option under XStore > Theme Options > Woocommerce (Shop) > Products Style.

For your reference, please see the images provided at the following links: https://postimg.cc/jWmrVS57 and https://postimg.cc/XBgK5XBG.

Best Regards,
8Theme’s Team

Hello @LambdaSP,

We regret to inform you that there is no available option for this. However, you may try using Custom CSS. Please copy and paste the following CSS code to XStore >> Theme Options >> Theme Custom CSS >> Global CSS and then clear your browser cache.

@media(max-width: 767px){
.product-view-mask3 .content-product .footer-product {
    position: initial !important;
}
}

The result should look like this: https://postimg.cc/2bxwkqRK

Best Regards,
8Theme’s Team

Hello LambdaSP,

I have tested your site and it appears to be functioning correctly, as evidenced by the screenshot provided here: https://postimg.cc/2VFzH1tY. It is likely a caching issue on your end, so please try clearing your cache and checking again.

Best Regards,
8Theme’s Team

Hello, LambdaSP,

Sorry for the delay in answering, lets’s try to solve the questions one by one.

1/ https://ibb.co/N77xRJt – it is caused by custom CSS code that changes the position of buttons, it seems there is no perfect solution for it, so it would be better to delete the code – https://prnt.sc/ljU2vWnsnYvC or change 85% to something else – https://prnt.sc/T_S-uViAfDrY

2/ To fix the color of checkout button in off-Canvas after adding product to cart, please use the next custom CSS code:

.et_element .mini-cart-buttons .checkout {
    color: var(--et_btn-dark-color) !important;
    background-color: var(--et_btn-dark-bg-color) !important;
    border-color: var(--et_btn-dark-br-color) !important;
}

Kind Regards,
8theme team

Hello, LambdaSP,

We regret to inform you that it is not possible to display the PayPal button in the Cart Off-Canvas on mobile devices.

Kind Regards,
8theme team