How do I change the location of Shopper and Stock Remaining Counter on the product page?

If you do not have HTML / CSS experience, please contact support for assistance. 

If you do have HTML / CSS experience, there are two methods to move the widget:

Option 1: Change the Button Selector field #

By default, Shopper and Stock Remaining Counter will append itself to the element specified in the Button Selector field. Changing the selector will move the Shopper and Stock Remaining Counter widget.

1. Open your product page in Chrome
2. Right click where you\’d like Shopper and Stock Remaining Counter to appear then copy the ID or class name of the element you\’d like Shopper and Stock Remaining Counter to be appended to
3. Paste that ID or class name in the Button Selector field in the Advanced Settings section of the app
4. Save your changes then check your product page to ensure the Shopper and Stock Remaining Counter widget is appearing in the spot you wanted

Option 2: Change the Widget Location field to Custom #

Alternatively:

1. Change the Widget Location field in the app to Custom 
2. Save your changes
3. Add the following HTML code to your product page template in the spot you\’d like the Shopper and Stock Remaining Counter widget to appear:
   <div id=\”pressure-cooker\”></div>
4. Check your product page to ensure the Shopper and Stock Remaining Counter widget is appearing in the spot you wanted