0
  • No products in the cart.

  • How to override the Quick View popup layout in WooCommerce and ShopMaker

    »

    How to override the Quick View popup layout

    Overview

    Shop Maker Pro includes a Quick View feature that enhances the shopping experience by allowing users to preview product details in a modal popup — directly from the shop page. This modal can be fully customized using Elementor, giving you control over how product information, media, price, and purchase actions are presented.

    When is the Quick View popup used?

    • The Quick View modal is triggered when using the Shop Products widget with the display mode set to Creative (PRO option).
    • Each product box will then include action buttons like Add to Cart and Quick View.
    QUICK VIEW ON CREATIVE PRODUCTS LAYOUT

    Step-by-step instructions

    1. Create or import a Quick View template You can:
      • Create your own template: Go to Elementor > Templates > Add New, select Page, and design your modal layout. Use Shop Maker widgets like Product Title, Price, Short Description, Add to Cart Button, and Product Gallery.
      • Import a pre-built layout: Go to Shop Maker > Import Templates and import one of the Quick View templates available.
    2. Assign the template to Quick View
      • Navigate to Shop Maker > WooCommerce Templates.
      • In the dropdown labeled Quick View Template, choose your custom template.
      • Click Save Changes.

    Notes

    • The modal displays only the content from your assigned template – full design flexibility.
    • Make sure your template includes at least the Add to Cart button and basic product info to ensure usability.
    • The Quick View functionality is only available in the Pro version of Shop Maker.
    © Shop Maker. Made with passion by SmartWPress