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

Header background

Live view

Mie Tran

Written by Mie Tran

Last updated

143 views

On this page


This is a fake feature – to help store owners boost sales in the store.

prmeta.png

In Theme Customize > Go to Product page > Choose Product Main option > Click Add block > Live view.

How to config Live View?

Add the Live view block to the Product main option, then drag it to any position that you wanna show it. Example: Show the Live view below the Short Description:

live view.png

Click on the Live view block, the settings sidebar will open and you guys can configure some options below:

  • Icon/ IMG format: You can choose the format for the Live view logo here. Our theme supports showing an icon or a custom image here. Choose None if you don't wanna use a custom icon/ image before the Live view message.

  • Icon class name: If you choose the Icon format, you can get an icon on Line Awesome and paste the name of the icon here, it will show on the Live view message. Click the Get name icon button to navigate to the The4 Line Awesome icons Library. This option also supports configuring Metafield, so you can change the Live view icon class for every single product by clicking the Connect Dynamic Source button.

spaces_-M-NhLOTZrTCuWOxPe-n_uploads_EAe9W0q2k3qRhlRUhUHP_live view 2.webp
  • Image: If you choose the Image format, you can upload your custom image here. This option also supports configuring Metafield, so you can change the Live view custom image for every single product by clicking the Connect Dynamic Source button.

    live view 3.png
  • ICON / IMG animation: Choose an animation style for the Live view icon/ image. We have total of 7 animation styles for you to choose. If you don't wanna use animation, please choose None.

  • Min/ Max fake real-time Visitor: Configure the number of the minimum/ maximum visitor in real-time of the Live view option here.

  • Interval time: You can configure the time (seconds) that the number of visitors will change here. For example, The number of visitors will change every 5 seconds.

  • Live View Text box: You can add the content that you wanna show on the Live View message here.

[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 uses cookies to ensure you get the best experience on our website.