Responsive Design issues and translation

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

  • Avatar: wemakemarkting
    wemakemarkting
    Participant
    September 19, 2023 at 16:34

    Hey,

    I have two questions:

    1. How can I edit the design for the checkout process? You can see here “http://globuscamper.we-make-webdesign.com/kasse” that the grey box on the right site is not perfectly aligned with the content. On desktop and mobile same problem.

    2. How can I change the “shopping cart” text to german. The text is located if you klick the cart button on the homescreen -> https://globuscamper.we-make-webdesign.com/
    I was able to translate anything with loco translate except this one…

    I hope you can help me. Thanks! ?

    Best regards
    Timo

    3 Answers
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 20, 2023 at 06:03

    Hello, @wemakemarkting,

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

    We are unable to access your website. Please check here: https://imgur.com/D7W7IAe

    1) Please record a video of the problem for a better understanding. Upload it on a filesharing service, for example – https://wetransfer.com/ , and provide us with URL.

    Also, Please create temporary wp-admin access, so we can check your settings.

    To provide wp-admin access, you can create a new user account with administrator role via the Dashboard, and provide us with the username and password via the Private Content area.

    Additionally, Please read our theme documentation about Customizing Cart/Checkout Page Layouts: https://www.8theme.com/documentation/xstore/woocommerce/customizing-cart-checkout-page-layouts/

    2) If you are interested in altering the “shopping cart” text to German, kindly translate the specified string in the Xstore Core plugin and save the settings.

    For your convenience, we have created a tutorial video. We highly recommend watching it and following the steps demonstrated therein.
    https://www.veed.io/view/77a8f8dc-100f-4939-8c2d-9f1364a55837?sharingWidget=true&panel=share

    We trust this will resolve your issue.

    Best Regards,
    8Theme’s Team.

    Avatar: wemakemarkting
    wemakemarkting
    Participant
    September 20, 2023 at 08:54

    Hey,

    the ssl certificate was outdated yesterday sorry for the confusion. Now the site is working again.

    I was able to solve the translation issue with your video thank you!

    For the checkout page, I want to change padding and the grey background to white. And the word “Versandkostenpauschale” is to long. It should be aligned like the other words. I made a video here: https://www.loom.com/share/dfc08d6d9df34499874ff65b490ad2f7?sid=1c3636c2-86b4-4f3d-9516-f8cf455ba41a

    Thank you.

    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    September 20, 2023 at 09:53

    Hello, @wemakemarkting,

    We are pleased to hear that your translation issue has been successfully resolved with the assistance of our video guide.

    Regarding your checkout page issue, it can be addressed by using Custom CSS. We have taken the liberty to prepare the custom CSS for you. Please copy and paste the following CSS code into Xstore >> Theme Options >> Theme Custom CSS >> Global CSS. Afterward, please clear your browser cache and revisit your site.

    .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table {
        background-color: transparent !important;
    }
    .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item.st-item-meta td.product-name {
        padding-left: 20px !important;
    }
    .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tbody tr.cart_item.st-item-meta td.product-total {
        padding-right: 20px !important;
    }
    .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr th {
        padding-left: 20px !important;
    }
    .woocommerce-checkout tr.woocommerce-shipping-totals.shipping td label {
        font-size: 11px !important;
    }
    .woocommerce-checkout table.shop_table.woocommerce-checkout-review-order-table tfoot tr td {
        padding-right: 20px !important;
    }

    The final result should appear as follows: https://postimg.cc/qz4gqW61

    Best Regards,
    8Theme’s Team

  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘Responsive Design issues and translation’' has been successfully resolved, and the topic is now closed for further responses

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