All Collections
Integrations
Adding the Carousel to a Shopify Store
Adding the Carousel to a Shopify Store
Add a carousel of Tolstoy videos to your site for a fun and unique viewing experience!
Niezl avatar
Written by Niezl
Updated over a week ago

Carousel is an efficient way to add a professional, eye-catching display to your Shopify store. By adding a carousel to your store, you can showcase diverse products, present company information more clearly, and increase conversions. By following these steps, you can easily add the Carousel in no time.

  1. Click on Launch to Site.

    Click on Launch to Site

  2. You may choose to launch your carousel on Product page or Other page.

    Click on ✕…
  3. If you choose Product page, select the page/(s) to publish on. Then, copy the publish ID on the Other page tab or in Settings.

    Click on Kirkland

  4. If you choose Other page (any other page except for product), copy the publish ID.

    Click on ✕…

    Here's the Publish/Feed ID in Settings.

    Click on highlight

  5. Go to your Shopify theme and click Customize.

  6. Search and click on Home page if you want your carousel to only appear on your home page.

    Click on Home page if you want your stories to appear here.

  7. Search and click on Products if you want your carousel to appear only on your selected product page/(s).

    Click on Products if you want your stories to appear here.

  8. Click on Default product. Your carousel will automatically appear on the PDP/(s) you chose on your Launch to Site - Product page section.

    Click on Default product. Your stories will automatically appear on the PDPs you chose on your Launch to Site - Product page section.

  9. Click on Add section.

    Click on Add section

  10. Type "tolstoy carousel". and click on it.

    Click on Tolstoy carousel…

  11. Paste the Publish id then, click on Save.

Click on Save

If you can't find ' Tolstoy carousel' on your Shopify product page, copy the code in the Launch to Site section in the Tolstoy app.

Go to your Shopify theme, click on the three dots, and choose Edit code.

Type product in the search field. Under Snippets, click on product-template.liquid and paste the code into your product page's template liquid in your desired position.

If you chose Other page, go to your selected page (I chose home page on my example) to see your carousel in action.

If you chose Product page, go to your selected product page to see your carousel in action.

Carousel's Title Font

This is how to make the title go with the site's font.

Add this code to the carousel's code in the custom liquid. Change the <your own font> to the font's code.

.tolstoy-carousel-title 
{
font-family:<your own font> !important;
}

Here's a video tutorial for creating a carousel in-app

Tolstoy

And you are done! If you have any questions about embedding the Carousel into your site, don't hesitate to reach out at support@gotolstoy.com.

Did this answer your question?