Presale questions on customize cart & checkout page

This topic has 4 replies, 2 voices, and was last updated 1 week, 6 days ago ago by Jack Richardson

  • Avatar: M Project
    M Project
    Participant
    January 14, 2026 at 10:49

    Hi, here’s the pre-development technical inquiry.
    I would like to customize both the Cart and Checkout pages.

    For Cart page: I need to move the product summary to the top, and create a 2-column layout below where customers can fill in message card details, select add-ons (candle, topper), and choose pickup/delivery with date & time.

    For Checkout page: I need customers to fill in delivery/shipping details first, and billing details after that.

    Does your theme support this level of customization natively or via your builder?

    3 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 14, 2026 at 13:13

    Hello @M Project,

    Thank you for your interest in our theme. If you could provide us with some screenshots of the desired design, it would help us suggest more accurate solutions. In the meantime, we recommend exploring the functionality of our XStore Cart Page Builder based on Elementor (https://www.8theme.com/documentation/xstore/xstore-builders/xstore-cart-page-builder-with-elementor/), which includes two default widgets for creating the Cart content: https://prnt.sc/YMTPAEObtvga. You can create various content combinations as demonstrated in this video: https://gyazo.com/1751ae4f8187e3444dc36e962622fc42. Additionally, if you would like to add more content, you can do so and configure it as shown here: https://prnt.sc/17Gachp-ygSg.

    If you wish to create a more advanced and customized layout, please add the following filters to your child theme’s functions.php file:

    add_filter('etheme_elementor_cart_new_widgets', '__return_true');  
    add_filter('etheme_elementor_checkout_new_widgets', '__return_true');

    After adding these filters, additional widgets will be activated in the Elementor panel for the Cart page: https://prnt.sc/bk6oGQ8S6bNP, and for the Checkout page: https://prnt.sc/sb-69sG-nF4F. These widgets will allow you to design a more flexible and personalized layout.

    To include additional fields on your Cart page, you will need to use third-party plugins or apply custom modifications, as this functionality is not built into our widgets.

    For customizing the order of sections on your Checkout page, the advanced widgets mentioned earlier (https://prnt.sc/sb-69sG-nF4F) will be helpful. They allow you to create any type of layout you need. Examples: https://gyazo.com/5fc5637af34b7a602e396bc713010943, https://gyazo.com/fbe7c9e90c9e971ff6cb9fcea62dca1d. Frontend result: https://prnt.sc/vnXWQG2IQ-uw.

    If you have any further questions, please feel free to submit them and include screenshots or videos for better understanding.

    Best regards,
    Jack Richardson
    The 8Theme Team

    Avatar: M Project
    M Project
    Participant
    January 15, 2026 at 05:14

    Hi, if I am not using child theme to build the website, what may cause when I add the code in the functions.php?

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    January 15, 2026 at 07:06

    Hello @M Project,

    If you make any modifications directly to the parent XStore theme instead of the child theme, these changes will be overwritten after a theme update. Therefore, we kindly recommend using the child theme for any customizations you may wish to apply in the future.

    A WordPress child theme inherits the functionality of the parent theme. It allows you to make modifications or add additional features without altering the parent theme’s core files. Using a child theme is the safest and most efficient way to customize an existing theme, whether you plan to make minor adjustments or extensive changes.

    The child theme is included in the theme package and is part of the installation process during the demo import (https://www.8theme.com/documentation/xstore/theme-installation/xstore-setup-wizard/). You can also install the child theme manually by downloading it from the Downloads page (https://www.8theme.com/downloads) on 8theme.com and uploading it to the /wp-content/themes/ directory.

    For more information about using child themes, please visit: https://developer.wordpress.org/themes/advanced-topics/child-themes/

    If you prefer to use only the original parent theme and need to add custom code snippets, you can install a plugin that allows you to create custom PHP, CSS, or JS snippets, such as:
    https://wordpress.org/plugins/code-snippets/
    https://wordpress.org/plugins/insert-headers-and-footers/

    Best regards,
    Jack Richardson
    The 8Theme’s Team

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

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

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