Adding the Dynamic Carousel via code

Showcase your best visual reviews on any page of your store using our eye-catching, interactive Dynamic Carousel Widget. This article explains how to add the widget to any location on your store where you're not able to add the Loox app block.  

Note: If you are using a Shopify 2.0 Theme, click here to learn how to add this widget to your store without code using the Loox app block.

When to add the Dynamic Carousel Widget via code vs. via app block

You might need to add the widget via code if:

1. you're on a vintage (1.0) Shopify theme.

2. you're on a 2.0 theme but want to add the widget in a location where you can't use the Loox app block. For example- if you want to add the widget to a custom snippet or using a page-building app like PageFly, GemPages, or Replo.

  • Inside the Shopify Themes menu, click the "... " button next to "Customize" and select "Edit code".
  • Open the template or section where you'd like to add the widget (if you're looking for the homepage, it's often called theme.liquid).
  • Copy the line of code below and paste it where you would like the widget to appear:
<loox-dynamic-carousel-widget class="loox-widget" data-widget="dynamic-carousel-widget" show-review-text style="width: 100%"></loox-dynamic-carousel-widget>
  • Click "Save".

Related Articles

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article