Mobile Statistics Bar

This tutorial covers the mobile statistics bar and its customization.
Written by Jonathan Diaz
Updated 1 year ago

26 STEPS

 

1 The first step is to open the theme settings area of your Shopify theme config and go into the Mobile Statistics Bar section.

Step 1 image

2 You can enable the mobile statistics bar here.

Below you can set the autoplay duration.

Step 2 image

3 Use this option to enable the quantity remaining bar if you so wish to do so.

Step 3 image

4 Quantity remaining bar shown here.

Step 4 image

5 You can enable the visitor counter with this option here.

Step 5 image

6 Customize the text here.

Step 6 image

7 Visitor counter shown here.

Step 7 image

8 Enable the order counter here if you would like to show it.

Step 8 image

9 Order counter shown here. 

Step 9 image

10 You can also show the added to cart count with this option.

Step 10 image

11 Customize the added to cart counter here.

Step 11 image

12 Added to cart counter shown here.

Step 12 image

13 You can also show the informations alert inside of the mobile statistics bar.

Step 13 image

14 You can customize the message using the variables here.

Step 14 image

15 Informations alert shown here.

Step 15 image

16 You can also display the total sold flash inside of the stats bar. 

Step 16 image

17 Total sold flash shown here.

Step 17 image

18 You can also display the multi-buy prompt inside of the statistics bar with this option. 

Step 18 image

19 Multi-buy prompt shown here.

Step 19 image

20 Scroll down and click Enable Shipping to display your shipping message inside of the statistics bar

Step 20 image

21 We can enable the country flag and text at the end of the shipping text here.

Step 21 image

22 Customize the text here.

Step 22 image

23 Shipping text shown here.

Step 23 image

24 Customize the free shipping achieved text here, this message will display when a client has reached the threshold amount.

Step 24 image

25 Achieved text shown here.

Step 25 image

26 You can also display multiple custom messages in the stats bar.

Step 26 image

Here's an interactive tutorial for the visual learners

https://www.iorad.com/player/1604074/Demostore---Mobile-Statics-Bar

Did this answer your question?