Cart Page

The Cart Page template allows you to fully design and control the cart page experience of your WooCommerce store using Elementor. This is where customers review products they’ve added to their cart before proceeding to checkout.

🧩 How to Create a Custom Cart Page Template

Step 1: Navigate to Theme Builder

• From your WordPress Dashboard, go to:
  Topper Pack > Theme Builder

Step 2: Add New Template

• Click on the “Add New Template” button.
• A new window will appear.

Step 3: Set Template Name & Type

• Enter a name for the template, e.g., Cart Page.
• Select the Template Type as Cart from the dropdown.

Step 4: Assign Display Conditions

• Under the Display On option:
  • Choose WooCommerce Cart Page from the list.
  • This ensures the template is applied only on the cart page.

Step 5: Choose User Roles (Optional)

• You can optionally restrict visibility based on user roles (e.g., only logged-in users, customers, etc.).

Step 6: Enable Elementor Editing

• Click on Edit with Elementor to open the visual builder.
• Use WooCommerce Cart Widgets or dynamic tags to build a customized cart layout.
  • Example widgets:
    • WooCommerce Cart Table
    • Coupon Form
    • Proceed to Checkout Button

Step 7: Publish the Template

• Once the design is complete, click Publish.
• Your custom cart page is now live and functional.