Return to previous page

Broblem with variations direction , and there is no option to do that

This topic has 10 replies, 3 voices, and was last updated 6 months, 1 weeks ago ago by Andrew Mitchell

lyana

Participant

June 12, 2024 at 19:57

Hi support team ,

1 – My site is multilanguage , Arabic witch is (RTL) , and English ( LTR).

i have some issue in Arabic and English.
i trided to solve it by myself using elementor , but there is no options to do that.

images attached , and wp admin , FTP attached.

2- 8theme team support made many modifications in theme folder , my question : how can i update the theme witout losing this modifications.

Best regards

Please, contact administrator
for this information.

Files is visible for topic creator and
support staff only.

#399506 Copied Theme version: 9.3.11

9 Answers
Luca Rossi

Support staff

June 13, 2024 at 09:54
Dear Lyana,

We hope this message finds you well. Please follow the steps below to add custom CSS to your XStore theme and to update your theme to the latest version.

1. **Adding Custom CSS:**
To add custom CSS, please navigate to XStore > Theme Options > Theme Custom CSS > Global CSS and insert the following code:
```
   .etheme-sticky-cart form.variations_form.cart {
       overflow-y: scroll;
       max-height: 450px;
   }
   .etheme-sticky-cart form.variations_form table.variations td.value select {
       padding-right: 0;
   }

   body:not(.rtl) .elementor-widget-woocommerce-product-etheme_add_to_cart:not(.vertical-variations) select {
       -webkit-margin-start: initial !important;
       margin-inline-start: initial !important;
   }
```
2. **Updating Your XStore Theme:**
Before updating your XStore theme to the latest version, please ensure you download and save any edited files to your computer. After updating both your XStore theme and the XStore Core plugin, re-upload the previously saved files to their respective directories.

We hope these instructions are helpful to you. Should you require any further assistance, please do not hesitate to contact us.

Best Regards,
The 8Theme Team
#399574 Copied
lyana

Participant

June 13, 2024 at 11:26

Dear Luca,

Thank you for your help , still have some issues .

could you please fix it

images attached.
————————————————————–
NOTE : and about Updating , I hope that these RTL ISSUES will be included in the next update, so I don’t have to upload files every time.

I noticed that there are not many features and options for variations design, and I hope that new features will be developed in the upcoming updates specifically for variations. ( For Elementor Builder)

Best Regards

Files is visible for topic creator and
support staff only.

#399595 Copied
Luca Rossi

Support staff

June 13, 2024 at 14:44
Hi @lyana,

Could you please also add this custom CSS?
```
.elementor-widget-woocommerce-product-etheme_add_to_cart:not(.vertical-variations) select {
    width: 100%;
}
body.rtl .etheme-search-form-title .etheme-search-trending-searches-refresh {
    left: 25px;
    position: absolute;
}

body.rtl h3.etheme-search-trending-searches-heading.etheme-search-form-title {
    justify-content: end;
    text-align: right;
    display: block;
}
```
Hope it helps!
#399641 Copied
lyana

Participant

June 13, 2024 at 15:58

Dear Luca,

Thank you for your help , still have one issue .

could you please fix it

image attached.

Files is visible for topic creator and
support staff only.

#399655 Copied

lyana

Participant

June 13, 2024 at 17:04

also shop icon in ADD TO CART BUTTON in ( archive and single produt ) , Padding between icon and text its not correct in RTL . but in English looks correctly

image attached

Files is visible for topic creator and
support staff only.

#399662 Copied

lyana

Participant

June 13, 2024 at 20:42

another RTL ISSUE
Clear button must be right in RTL

Files is visible for topic creator and
support staff only.

#399691 Copied
Luca Rossi

Support staff

June 14, 2024 at 06:11
Hi @lyana,

Please also add this custom CSS codes:
```
.etheme-sticky-cart form.variations_form table.variations td.value select {
    width: 100%;
}
/* Add to cart icon */
body.rtl button.single_add_to_cart_button .et-icon {
    margin-left: 5px;
}
body.rtl .add_to_cart_button .button-text {
    margin-left: 0 !important;
    margin-right: 5px;
}
/* Clear button */
.single-product.rtl a.reset_variations {
    float: right;
}
```
Hope it helps!
#399716 Copied
lyana

Participant

June 14, 2024 at 09:13

Dear Luca Rossi,

thank you for your help.

Best Regards

Please contact administrator
for this information.

#399746 Copied

Andrew Mitchell

Support staff

June 14, 2024 at 09:13

Dear lyana,

We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

Click here to rate now: https://themeforest.net/downloads

Thank you sincerely for your ongoing support!

Best Regards,
The 8Theme Team

#399747 Copied
Tagged: missing woocommerce options, troubleshooting wordpress variations, woocommerce direction variations, woocommerce variations issue, wordpress templates problem, wordpress woocommerce solution
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘broblem with variations direction , and there is no option to do that’' has been successfully resolved, and the topic is now closed for further responses

Broblem with variations direction , and there is no option to do that

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection