Return to previous page

Styling RTL cart - by AdSh - on WordPress WooCommerce support

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

  • Avatar: AdSh
    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
    Avatar: AdSh
    AdSh
    Participant
    March 22, 2018 at 12:43

    Hi,

    please do not forget this ticket. Thanks

    #188989 Copied
    Avatar: Rose Tyler
    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
    Avatar: AdSh
    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
    Avatar: Rose Tyler
    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)

You must be logged in to reply to this topic.Log in/Sign up

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
Bike Store – WordPress WooCommerce Theme
lazy-placeholder
Handmade artisans – WordPress WooCommerce Theme
lazy-placeholder
Furniture Store – WooCommerce Theme
lazy-placeholder
Beauty – WooCommerce Theme
lazy-placeholder
Carwash – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.