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.
Click on Publish.
Copy the publish ID.
Toggle on the Set Live button.
Here's the Publish/Feed ID in Settings.
Go to your Shopify theme and click Customize.
Search and click on the Home page if you want your carousel to only appear on your home page.
Search and click on Products if you want your carousel to appear only on your selected product page/(s).
Click on Default product. Your carousel will automatically appear on the PDP/(s) you chose in the Rules section.
If you can't find the Rules tab on your Carousel, move it first to the Product pages by clicking on the three dots on the upper right corner.
Click on Move to page.
Click on Product pages.
Click on Rules.
Choose the product page/(s) you want your carousel to be displayed and click Save.
Click on Add section.
Type "Tolstoy carousel" and click on it.
Paste the Publish id then, click on Save.
If you can't find the 'Tolstoy carousel' on your Shopify product page, copy the code in the Publish 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 Sections or Snippets, whichever is applicable, click on product-template.liquid and paste the code into your product page's template liquid in your desired position.
Go to your selected page (I chose the home page on my example) to see your carousel in action.
If you chose the 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:
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.