Return to previous page

Quantity translation, icon cart size and spaces in shop

This topic has 4 replies, 2 voices, and was last updated 1 years, 11 months ago ago by Tony Rodriguez

Christelle

Participant

December 5, 2022 at 16:22

Hello,

Thank you for your theme, it is very beautiful. I use the tea theme.

Everything is nearly ok but I have some issues:

1) I can’t translate the word “Quantity” onsigle porduct on mobile. On desktop, it is ok, but not on mobile. I have translated it with loco but nothing to do. I would like to translate it in franch: Quantité

2) On mobile, the card icon on the header remains on size 1, whatever I do. I have tried everything, impossible to make it bigger. So it is very small and nearly invisible. I would like to have it on size 1.8.

3) On the shop page, I have some problems with big spaces between image and text depending on mobile size. I have tried to adjust with yellow pencil but when it is ok with one resolution, it is a mess with another. On iphone 14 for exemple, I have two columns and big spaces.

4) The mini card on mobile it cutted on the right on some mobiles. I have desactivated it but I would like to have one. We can’t see the end of prices.
On other mobiles, we can”t see add to cart button because of a big white space (see sreenshot).

5) On some mobiles (for exemple Hawei P20), a word “ou” appears on single products and everything is strange (see screenshot).

I know it is a lot, but I word on it for 2 weeks and I have tried to put all my questions here!

Thanks in advance for your help,

Christelle.

Please, contact administrator
for this information.

#340585 Copied Theme version: 8.3.8 WooCommerce version: 7.1.0

3 Answers
Tony Rodriguez

Support staff

December 6, 2022 at 06:43
Hello, @Christelle,

Thank you so much for purchasing our theme and contacting our support center.

1- Please copy and paste the below-given CSS code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS and check back to your site now after removing the browser cache.
```
@media only screen and (max-width: 480px){
.single-product-builder .et_product-block form.cart .quantity-wrapper:before {
    content: Quantité !important;
}
}
```
2- Simply navigate to the Dashboard >> XSTORE >> Theme Settings >> Header builder >> Logo >> from there you will be able to adjust its size for the mobile check the image: https://postimg.cc/svN26Zrh

3- I have checked and found no issue it is working fine. There is no such big space between the product image and text please check the attached video in point number 4.

4- Your issue is resolved now kindly check back to your site after clearing the browser cache. Here is the resulting video: https://streamable.com/yipwma I added this custom CSS code in the theme settings >> to solve your issue: https://postimg.cc/tZKpF8nv

5- Huawei P20 device resolution is 1080×2240 pixels. I have checked your site on the exact same resolution there is nothing like what you describe. See the image: https://postimg.cc/cgGbmTCL if you are facing the issue please elaborate on it with the help of a video/screenshot for a better reference to understand.

Regards 8Themes Team.
#340629 Copied
Christelle

Participant

December 6, 2022 at 15:44

Hello,

Thank you very much for your help.

1) I have added the css but it remains the same, the “quantity” word do not change.

1 bis) I have the same problem a translation with the word “sale” on the product bagdes on the shop page.

2) Great! I thought this button was only for logo, thank you.

3) Yes that is ok now.

4) The problem remains, I have several customer who asked me how to do. I finally deleted again the mini-cart on mobile.

5) Yes it works on this product because it is a composite product. The problem is only on simple product, this one for exemple: https://iletaitunefoislethe.com/produit/the-tarte-au-citron

Thanks in advance for your help,

Christelle

#340711 Copied

Tony Rodriguez

Support staff

December 7, 2022 at 05:44

Hello, @Christelle,

1. Done, I have changed it for you in the file: “XStore: single-product-builder.css (css/modules/woocommerce/single-product/single-product-builder.css)”

https://postimg.cc/D4k1gqN7

1.(b), Its changed as well from Theme Settings >> WooCommerce >> Shop Element >> Product Badges as per your requirements: https://postimg.cc/14mF93ZC https://postimg.cc/R6XN3wzP

2. You’re Most Welcome!! 🙂

3. Sound’s Great!!

4. I have again checked it on my phone and on another phone as well and it is working perfectly fine for me, Could you please check it on any other mobile phone? And show me the result with the mobile name and model so that I will try to check on the particular resolution.

5. Could you please share the screenshot of the word appearing? I have tested on your provided product as well and not able to find that word.

Regards 8Themes Team.

#340746 Copied
Tagged: icon cart size, persuasive writing, quantity translation, shopping templates, spaces shop, wordpress woocommerce
Viewing 4 results - 1 through 4 (of 4 total)