Return to previous page

Add to cart quantity not showing up correctly on real devices.

This topic has 8 replies, 2 voices, and was last updated 5 months, 3 weeks ago ago by Tony Rodriguez

Nicolo

Participant

November 9, 2023 at 13:52

Hello

Please check screenshot for phone.

On the xstore theme settings its inline, not above.

Thanks for quick reply

#373180 Copied Theme version: 9.2.2 WooCommerce version: last

7 Answers
Tony Rodriguez

Support staff

November 10, 2023 at 06:39
Hello, @Nicolo,

Thank you for contacting us and for using XStore.

We are writing to provide you with a solution to the issue you have reported. Please follow the steps outlined below to implement the necessary CSS code:

1. Navigate to the “XStore” section of your website’s dashboard.
2. Proceed to “Theme Options.”
3. Locate the “Theme Custom CSS” section.
4. Select the “Mobile” tab within the “Theme Custom CSS.”
5. Copy the CSS code provided below and paste it into the designated area.
6. Ensure to save your changes by clicking on the “Publish” button.

By following these instructions, the desired changes should take effect. https://imgur.com/aXdgYFH
```
.single-product-builder .et_product-block .quantity-select, .single-product-builder .et_product-block .quantity-select select, .single-product-builder .et_product-block .single_add_to_cart_button {
    min-width: auto !important;
}
}
```
If you encounter any difficulties or require further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team
#373236 Copied
Nicolo

Participant

November 10, 2023 at 11:40

Hello there

Thanks alot! this works for product page, but i see that i didn’t apply to the quick view?

#373295 Copied
Tony Rodriguez

Support staff

November 10, 2023 at 11:56
Hello, @Nicolo,

We understand that you wish to align the button and quantity on the same line within the mobile version of your website in Quick View. To achieve this, please implement the following CSS code:

1. Navigate to the “Xstore” section in your website’s dashboard.
2. Proceed to “Theme Options.”
3. Select “Theme Custom CSS.”
4. Choose the “Mobile” tab.
5. Copy and paste the CSS code provided below into the designated area:
```
.et-quick-view-wrapper .product_type_variable, 
.et-quick-view-wrapper .product_type_variation, 
.et-quick-view-wrapper .product_type_grouped, 
.et-quick-view-wrapper .product_type_external {
    float: right !important;
    min-width: 150px !important;
}
```
We trust that this adjustment will resolve the issue you are experiencing. Should you require further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team
#373299 Copied
Nicolo

Participant

November 10, 2023 at 12:48

Hello

I just pasted the code.
But nothing changes on my real device.

Did it apply to your real device?

#373321 Copied

Tony Rodriguez

Support staff

November 10, 2023 at 13:04

Hello, @Nicolo,

We are delighted to notify you that the issue affecting your website has been successfully resolved. We kindly ask that you revisit your site after clearing your mobile browser’s cache to confirm the resolution.

The root cause of the problem was identified as an extraneous curly brace within the code, as depicted in the following screenshot: https://postimg.cc/GHm4QwTw. Our team has addressed this by removing the unnecessary character, which has rectified the issue.

For your reference, please view the corrected screenshot here: https://postimg.cc/w1hYR3x6.

Best regards,
The 8Theme Team

#373328 Copied

Nicolo

Participant

November 10, 2023 at 14:10

Thanks, can you check for the bombilla product, a simple product aswell?

Because variable and simple products appear differently here

#373343 Copied

Tony Rodriguez

Support staff

November 11, 2023 at 06:09

Hello, @Nicolo,

We are pleased to inform you that we have made some modifications to the Custom CSS for the “Bombilla sugerør” product. The adjustments have been implemented and are now functioning correctly for both variable and single products.

For your reference, please view the following screenshot which demonstrates the current presentation: https://postimg.cc/21LV56kj

We kindly ask that you revisit your website after clearing your browser’s cache to observe the enhancements.

Best regards,
The 8Theme Team

#373419 Copied
Tagged: add to cart issue, fix woocommerce glitches, quantity display error, real device compatibility, troubleshoot woocommerce cart, wordpress woocommerce templates
Viewing 8 results - 1 through 8 (of 8 total)