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. 

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.

Adding the widget via custom liquid block

Before adding the widget via liquid code, check if your theme supports custom liquid blocks in the location where you're looking to add the widget. This will make it easier for you to access and customize the code.

• Inside the Shopify Themes menu, click Edit theme:
  
• Head to the page you're looking to work on and click the + in your desired location on the left-hand sidebar to add a new section. Under Sections, search for "Custom Liquid." If it appears, select this option.
  
• Next, add the following code snippet to the section's Liquid Code:

• <loox-dynamic-carousel-widget
    class="loox-widget"
    data-widget="dynamic-carousel-widget"
    corner-radius="40"
    items-per-view="2"
    items-per-view-mobile="2"
    max-characters="180"
    autoplay
    autoplay-delay="5"
    main-color="#AE8868"
    stars-color="#FF8D00"
    show-review-text
    text-color=""
    reviewer-name-color=""
    verified-badge-color=""
    quote-marks-icon="style-1"
    quote-marks-icon-color=""
    review-background-color=""
    product-id=""
  ></loox-dynamic-carousel-widget>

• If you don't have the option to use a custom liquid section in the spot you're looking to add the widget, follow the instructions below on how to add the widget via liquid code.

How to manually add the Dynamic Carousel Widget via liquid code

• 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".