Return to previous page

Change some elements on the checkout process

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

buf

Participant

January 18, 2024 at 14:48

Hi again,

I’ve been making some troubleshooting and I’ve found that I need to improve several elements:

– The agree checkbox of the checkout is very small IMHO. How can I make it bigger? https://prnt.sc/XbrXK4a1fImU
– After the payment is done, in the order received page it has a text element is redirecting to the terms and conditions page. I want to delete that item. https://prnt.sc/ueCak_Pazxxx
– In this same page, ¿is possible to change the order of the elements? Because I’d prefer to show in first place the address, so the client can check that it is correctly introduced. https://prnt.sc/CkHpW_QjRr2u

Again, thanks for your support!

#380438 Copied Theme version: 9.2.5

9 Answers
Rose Tyler

Support staff

January 18, 2024 at 16:33
Hello,

Thank you for contacting us and for using XStore.

1/ To enlarge the agree checkbox on the checkout page, you can add custom CSS code (Theme Options > Theme Custom CSS > Global):
```
.woocommerce form .form-row .input-checkbox {
    transform: scale(1.3); /* Adjust the scale value as needed */
}
```
2/
```
.woocommerce-order-received a.woocommerce-privacy-policy-link {
    display: none !important;
}
```
3/ Theme Options > Theme Custom CSS > Global:
```
.woocommerce-order-received .woocommerce-columns {
    display: flex;
    flex-direction: row-reverse;
}
.woocommerce-order-received .woocommerce-column {
    width: 100%;
}
```
and Theme Options > Theme Custom CSS > Mobile:
```
.woocommerce-order-received .woocommerce-columns {
    display: flex;
    flex-direction: column-reverse;
}
```
We trust that the information provided will be of significant assistance to you.

Best Regards,
8Theme’s Team
#380466 Copied
buf

Participant

January 18, 2024 at 16:49

HI! Thank you four your support.

1 and 2 are working as expected. But the 3 is not. I want to have the two address columns before order details (https://prnt.sc/YPkPVYuv7Kvm)

Thanks again!

#380470 Copied
Rose Tyler

Support staff

January 18, 2024 at 17:08
Hello, Buf,

You’re welcome!
```
.woocommerce-order-received .content .woocommerce-order {
    display: flex;
    flex-direction: column;
}
.woocommerce-order-received .woocommerce-thankyou-order-received { order:1; }
.woocommerce-order-received p.text-center { order: 2; }
.woocommerce-order-received .woocommerce-order-overview-wrapper { order: 3; }
.woocommerce-order-received section.woocommerce-order-details { order: 5; }
.woocommerce-order-received section.woocommerce-customer-details { order: 4;}
```
– change orders depending on your needs.

If you have any additional questions or concerns, please do not hesitate to reach out to us. Our support team is always available to assist you.

Best Regards,
8Theme’s Team
#380483 Copied
buf

Participant

January 18, 2024 at 18:03

Hi again.

It is working flawesly in desktop!! But I’ve just realized that in the mobile version these two columns (the address ones) are not appearing. I’ve deleted this last fragment of code you have provided and the problem persists.

– Desktop version: https://prnt.sc/DtnidhULYUPf
– Mobile one: https://prnt.sc/DbCrmuzruzXx

#380490 Copied

Rose Tyler

Support staff

January 19, 2024 at 08:55

Hello, Buf,

Thank you for getting in touch with us.

We kindly request that you create a temporary account for us on your platform. Once the account is established, we would appreciate it if you could place an order using this account. After completing the order, please share with us the following details:

1. Username
2. Password
3. The URL of the ‘Thank You’ page that is displayed post-order.

We thank you in advance for your cooperation and assistance.

Best Regards,
8Theme’s Team

#380549 Copied

buf

Participant

January 19, 2024 at 13:53

Hi!

Here you have:

Please contact administrator
for this information.

#380597 Copied

Rose Tyler

Support staff

January 19, 2024 at 14:24

Hello, Buf,

We appreciate your prompt response.

Upon reviewing the page, we have confirmed that all information is visible from the mobile view as illustrated in the following screenshot: https://prnt.sc/QkH0-CC1nWm2. We believe there are no issues present. We kindly ask that you verify this once again at your earliest convenience.

Best Regards,
8Theme’s Team

#380606 Copied

buf

Participant

January 19, 2024 at 19:39

Hi!!

I want to apologize for opening a support ticket for an issue that was previously occurring, but is no longer happening, because it seems to be solved and working perfectly.

Please disregard the ticket and I’ll mark it as solved. I appreciate your attention and assistance. Thank you for your understanding and patience.

#380656 Copied

Andrew Mitchell

Support staff

January 19, 2024 at 19:39

Dear buf,

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

#380657 Copied
Tagged: customize woocommerce checkout, woocommerce checkout enhancements, woocommerce checkout process, woocommerce elements change, wordpress checkout update, wordpress e-commerce solutions, wordpress templates modification
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Change some elements on the checkout process’' has been successfully resolved, and the topic is now closed for further responses

Change some elements on the checkout process

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection