In order to implement the smart widgets into Shopify store, ekomi support will provide the JavaScript code snippet which need to embed into the code as where exactly want to display in screen, please follow the steps to access the code and display widget.
Note : I am assuming the person who does the changes should familiar with at-least a little bit of code guidelines and liquid templates.
Seller widget implementation:
After login into admin panel click on “Online Store” from left menu, see screenshot
2. There it will show the selected Live theme of your store. Choose “Edit Code” from Actions drop-down menu button, see screenshot
3. Now user can see the code structure and file system of his front-end store.
4. Suppose user want to display seller widget in header & footer.
5. Then Choose and open footer.liquid and header.liquid files under the heading of “Sections“ from left menu.
6. Place the widget code snippet in that particular file where exactly the position user want to display in front store.
7. Now suppose user want to display widget in home page in some where in the middle of home page.
7.1. For that thing, choose and open settings_data.json file under the section of “Config”, see screenshot
7.2. Create a new section block/key there into the json format and add that key it into “content_for_index“, see screenshot
PRC widget implementation:
Search and open Sections > product-tab.liquid file.
That file is responsible behind the product detail page. There we need to place the code snippet in such a way that it will display the widget in front store either after the product description or like under the tabs.
Note : There is a possibility that the filenames wouldn’t be same as above because it’s depends on theme structure, so majorly that technique is used to implement the widgets by default in Shopify.
Add Comment