All Collections
Getting Started
Setup Slider
How to add Collection Slider on your Shopify store?
How to add Collection Slider on your Shopify store?
Effortlessly add the FoxSell Collection Slider to your Shopify store with our concise, easy-to-follow guide.
Prakhar Shrivastava avatar
Written by Prakhar Shrivastava
Updated over a week ago

Introduction

Collection Slider is a compact and powerful tool designed to elevate your Shopify store's visual appeal. This intuitive slider showcases your product collections with style, captivating customers through smooth transitions and engaging navigation. Enhance your store's browsing experience and highlight your best offerings with this sleek, customizable, and device-responsive slider.

Prerequisite

  • Make sure your theme is supported for Online Store 2.0

  • You should be on the FoxSell Business Plan

Steps to Setup Custom Product Slider

1. Go to Sliders in FoxSell

You can Navigate to Sliders in FoxSell either by using the sidebar or by clicking "Setup your slider now" on the Homepage

2. Select Collection Slider

3. Customise and Configure your Slider

Note: You need to use the desktop to configure the slider.

4. Match Colors to your Branding and Slider to your need

5(a). Save your changes and add the slider to your theme

  • Click on "Save changed and add it to theme"

  • Click on "Add to Theme" if you have not already added the Slider to your theme

5(b). Save changes and go to theme editor

If you have already added the slider to your theme. Go to Theme Editor for preview instead of adding it again

  • Click on "Go to Theme Editor"

6. Collection Slider will be added to your theme.

  • Drag the "Collection Slider" to wherever the section is required in your theme

7. Select the Collections you want to Showcase

  • Click on "Collection Slider" and "Select Collections"

  • Select the Collections you want to Showcase

8. Adjust width of the Section

  • Click on Apps

  • Uncheck the checkbox "Make section margins the same as theme" to make the section as wide as the page

9. Save and make live

If you still have any questions. Feel free to send a message from the bottom right chat box or shoot up an email on [email protected]

Did this answer your question?