Go Back Top
Interactive Custom Ingredient Showcase Slider for Shopify

28

Mar

This dynamic slider section allows you to beautifully present your product ingredients in an engaging and visually appealing way. Each ingredient can be showcased with custom images, titles, and descriptions, helping customers clearly understand the benefits and composition of your products. The slider is fully responsive, smooth in performance, and customizable to match your store’s branding. It enhances user experience, builds trust, and adds a modern, premium feel to your product pages—perfect for skincare, food, supplements, or any ingredient-focused products.

How to Use?

Fast, click here to download the code.

Step: 01


After downloading, unzip the file. Inside, you’ll find a .liquid file. Open it using any code editor, copy the entire code, and then open your Shopify theme code editor (see the screenshot below).

Step: 02


After opening the theme file editor, right-click on the Sections folder. Then click on “Add a new file”, give it a suitable name (with the file name extension), and paste your code there.

Next, open the page where you want to use this section. Click on “Add section”, then search for “Ingredient Arc Slider”—you’ll find it there (see the screenshot below).

Step: 3


After adding the section, you will see an “Add Ingredient” option to add items. Add as many items as you need.

Then, click on any item. On the right sidebar (or on the left sidebar if you’re using a smaller screen or laptop), you’ll find all the customization options (see the screenshot below).

If you need any help or want any modifications to this section, feel free to contact me.

Leave a Comment

Comments

No comments yet. Be the first to share your thoughts!

Latest Templates

Categories