Install #1 Page Builder App for FREE and get deal 6 months of Standard Plan. Hurry up! See Detail  

Header background

Product Quickshop

Annie

Written by Annie

Last updated

775 views

On this page


If you want customers to be able to buy your products without having to go to the Product Page, you can enable the Product Quickshop option on the Frontpage. This option allows customers to buy a product without being redirected to the Product page, allowing them to save time and have a better shopping experience in your store.

spaces_tdDF4h55NE3bVEDpck0F_uploads_lmVypXFX4n6BL8JlrFAX_Quickshop-9.webp

1. Enable the Product Quickshop

The first step, please go to Theme settings > Product Items > Tick on Enable Quick shop checkbox.

2023-06-09_17-10-16.gif

2. Product Quickshop contents

The Product Quickshop section has 4 blocks, click on Add block to add the block you want to show in quickshop.

2023-03-16_10-38-35.gif
  • Product loop item: show product inside the quickshop

2023-05-04_14-19-26.gif
  • Product form: show product swatches, add to cart button, dynamic button. Please check this document to config Product Form.

2023-05-04_14-19-261.gif
  • Customizable Products: add the customized field in the quickshop. You can check this document to config it in detail:

2023-05-04_14-21-57.gif
  • View details button: click on this button to go to product page

2023-05-04_14-19-262.gif

3. How to configure the Product Quickshop option?

  • Choose a product demo: In the Quickshop option, you can choose a product and set it as a demo product (all settings that you configured will be shown in this product so you can see the layout).

This product only shows on the backend (Customize theme), when you click Quickshop button on the live site/ preview, the corresponding product's Quickshop popup will be displayed; selecting the demo product has no effect on the Quickshop popup when previewing.

2023-05-04_14-25-29.gif
  • There are some options in Theme Settings to config for this section and the product item on all pages. You can check this document to know more:

2023-05-04_14-27-19.gif

[Private Offer] EComposer Partner Plan

ecomposer.jpg
Exclusively for The4 users, when you bougth any theme from us, you can get Ecomposer - Theme Partner Plan for ZERO and start making beautiful, high-converting store pages today:

  • FREE 100% EComposer Standard plan for 6 months (save you $114)
  • Build ANY Shopify pages: Landing page, Sale Funnel page, Lead pages, & other custom pages tailored for your marketing campaigns.
  • Create advanced sections & add to your theme with ease
  • 100+ professtional, stunning designer-made templates
  • Build pages with a love drag-drop editor, no coding required

How to claim offer. Install EComposer HERE. Then open chatbox icon in EComposer dashboard and leave a message with subject "Theme name+EComposer" to upgrade for free

Ecomposer1.jpg
Cheers, The4.

We highly recommend Shopify apps from our partners.

We uses cookies to ensure you get the best experience on our website.