Change some elements on the checkout process

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

  • Avatar: buf
    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!

    9 Answers
    Avatar: Rose Tyler
    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

    Avatar: buf
    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!

    Avatar: Rose Tyler
    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

    Avatar: buf
    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

    Avatar: Rose Tyler
    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

    Avatar: buf
    buf
    Participant
    January 19, 2024 at 13:53

    Hi!

    Here you have:

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    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

    Avatar: buf
    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.

    Avatar: Andrew Mitchell
    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

  • 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

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.