Return to previous page

Responsive Design issues and translation

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

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

#367905 Copied Theme version: 9.1.14 WooCommerce version: latest

3 Answers

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.

#367941 Copied

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.

#367968 Copied
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
#367976 Copied
Tagged: adaptive woocommerce themes, fixing responsive design, optimized woocommerce design, responsive design problems, translation issues, woocommerce wordpress themes, wordpress theme solutions
Viewing 4 results - 1 through 4 (of 4 total)