To add a TikShop feed with HTML, please follow the steps outlined below.
When adding a feed with HTML, you will still need to make sure you have created a feed within the TikShop Dashboard and assigned that feed to the page template.
Step 1: Create an empty <div> an id tikshop-container (you can name this anything, as long as it matches in the script in step 2).
<div id=“tikshop-container id”></div>
Place the empty <div> in the html where you want the feed to show up.
Step 2: Update variables in generic script.
In the generic script above, replace all liquid variables (
To walk through an example of this, let's use the TikShop Demo store (https://tikshop-demo-store.myshopify.com/) :
Let's assume we want to add the feed with HTML to the page.default template template. In this case, the variables would be
template_name -> product
template_suffix -> default
shop -> tikshop-demo-store.myshopify.com
container_id -> tikshop-container
Once we update the variables, we get the below script.
Once you have your customized script, copy and paste the script anywhere in the html (same file where the empty <div> created in step 1 is).
Step 3: Save your file, make sure a TikShop Feed is assigned to the page template, and your feed will display!
If you have any questions feel free to contact our support :)