Return to previous page

Styling RTL cart - by AdSh - on WordPress WooCommerce support

This topic has 5 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

AdSh

Participant

March 20, 2018 at 14:20

Hi,

in the main home page (RTL), there are some mistakes in the cart panel as shown in the attachment 1 in the following link: https://www.dropbox.com/s/b2yizefr2waezhp/1.png?dl=0
1. The alignment is wrong, the image should be on the right and the product details should be on the left.
2. The total price should be on the right and the price on the left.
3. (Cart 1 item for 708 €) should be in Arabic but the translation does not work and it shows only in English.

In the following attachment, the image shows how the cart panel should be.
(Rectangles in red should be corrected – Rectangles in green how they should be)
https://www.dropbox.com/s/9ld5abvu12zym8e/2.png?dl=0

Thank you

Please, contact administrator
for this information.

#188747 Copied

4 Answers

AdSh

Participant

March 22, 2018 at 12:43

Hi,

please do not forget this ticket. Thanks

#188989 Copied
Rose Tyler

Support staff

March 22, 2018 at 13:44
Hello,

Please use this custom css:
```
.rtl .shopping-cart-widget .widget_shopping_cart_content ul li {
    text-align:  right;
}
.rtl .shopping-cart-widget .widget_shopping_cart_content ul li .delete-btn {
    right: auto !important;
    left:  0;
}
.rtl .shopping-cart-widget .widget_shopping_cart_content ul li .media .product-image {
    float: right !important;
    margin-right:  0;
    margin-left:  10px;
}
.rtl .shopping-cart-widget .widget_shopping_cart_content ul li .media .media-body {
    float:  right;
}
.rtl .product_list_widget a {
    text-align:  right;
}
.rtl .shopping-cart-widget .widget_shopping_cart_content .totals span {
    float:  left !important;
}
.rtl .shopping-cart-widget .widget_shopping_cart_content .totals p {
    float:  right !important;
    margin-right:  0;
    margin-left:  5px;
}
```
Regards
#189002 Copied
AdSh

Participant

March 23, 2018 at 14:52

Hi,

thank you.

Please let me know how to translate (Cart 0 item of ….), the translation does not work for both Arabic and Turkish languages.

#189129 Copied

Rose Tyler

Support staff

March 26, 2018 at 07:14

Hello,

Please refer this topic https://www.8theme.com/topic/theme-translation-using-wpml/#post-189144

Regards

#189191 Copied
Viewing 5 results - 1 through 5 (of 5 total)