Cart Page
How to Configure and Style Cart Page #
Cart Page element helps you provide a great shopping experience and boost sales by creating an attractive WooCommerce Add To Cart page with Elementor. Now you can create stunning and attractive cart pages in different layouts with just a few clicks with this WooCommerce element from Spexo Addons.
How To Set Up WooCommerce Cart Page Elementor #
First of all, you must make sure that you already have installed and configured WooCommerce plugin.
For this to work inside Elementor Editor, make sure that you already have added some products to your cart. To use Cart Page element, create a new page and assign it as a WooCommerce Cart page.
Navigate to WooCommerce -> Settings from your WordPress Dashboard and click on the ‘Advanced’ tab. From here, you can assign your desired page as your cart page.
Simply click on the ‘Cart page’ option and pick any page from the drop-down menu as your WooCommerce cart page. You will be all set to go and hit the ‘Save changes’ button from the bottom.
How To Activate Cart Page #
Before you begin, make sure that you have installed and activated Spexo Addons Pro plugin on your website. Without the Spexo Addons Pro activated, you cannot use this elements.
After finishing the previous step, let’s edit your WooCommerce Cart page using the Elementor Editor.
First, navigate to the Spexo Addons -> Widget Settings tab and filter by WooCommerce. Toggle the ‘Cart Page’ option.
To use this Spexo Addons element, find the ‘Cart Page’ element from the ‘Search’ option under the ‘Elements’ tab. Simply just drag and drop the ‘Cart’ element into any section you want in Elementor Editor.
How To Configure The Content Settings #
Under the content tab, you will see several options like ‘General’. You can configure these settings to customize the content of your Woo Cart page.
General #
From this section, you can change cart page layout, set update cart page text. In Totals sub-section you can set totals title text, alignment and width. In Checkout sub-section you can change checkout button text and alignment. You can also change shipping update text, shipping update alignment and coupon text.
Besides, you can use slider bar for change input width, gutter and product summary gutter with all supported devices.
How to Style Cart Page #
To customize Cart Page, click on the ‘Style’ tab, and you will find many different options here.
Styles #
This section divided into two sub-sections: Wrappers and Table Cells. In wrappers sub-section, you can styling to border and border radius. In table cells sub-section, you can styling to border and padding.
Moreover, you can set background color and box shadow as well.
Table Heading #
From this section, you can set heading color, background color, typography, padding and alignment.
Others #
From the ‘Table Cell’ settings, you can you can set cell color, background color, typography, spacing, alignment and many more. In the same way, you can change the appearance of ‘Forms’, ‘Notice’ and ‘Cart Totals’ from these settings.
Besides, you can also customize your ‘Buttons’ and your ‘Checkout Button’ from these settings.
Final Outcome #
By following these simple steps, you can easily create a stunning WooCommerce Cart page for your website as per your preference.
This is how you can quickly create and design an amazing Woo Cart page for your WooCommerce website by using Cart Page element.
If you need any help, feel free to contact our dedicated support team for further assistance.
Functional Always active
Preferences
Statistics
Marketing
Subscribe & Download
Enter Your Email Address to Know About the Latest Updates & Features.