How to Add Slider

To access the Page Editor, go to Storeshop Dashboard → Settings → Design & Customization → Page Editor.

A Slider allows you to display multiple images that customers can scroll through. Here’s how to set it up:

  • Click Add and select Slider.
  • To enable Auto Slide, check the box, and the images will automatically move forward after a set time.
    • Under Timer (ms), you can choose how long the images should stay on the screen before automatically moving to the next. The timer is set in milliseconds (1 second = 1000 ms), so if you set it to 3000, each image will stay visible for 3 seconds before automatically changing.
  • Click + Add More to add an image.
    • You can add an image by dragging and dropping or uploading the image (ensure the image is in JPG or PNG format).
    • You can also add text on the image and a button with text.
    • For the button, you can choose the text color and button background color.
    • Under Banner Link (URL), you can link the entire image to a specific page, so customers are redirected when they click on it.
  • Under Height Desktop, choose the size of the banner for desktop and laptop views.
  • Under Height Mobile, choose the size of the banner for mobile view.

Additional Settings

There are two checkboxes:

  • Show Original Size: This will display the image in its original size.
  • Padding: This adds space around the image, creating a border effect (just like the previous content types).

Adding More Slides

To add another image to the slider (for the second slide and beyond), click + Add More.

Finalizing the Edit

  • After adding all content, click Update, located at the bottom left of the screen.
  • Then, close the content block window and click Save. The Save button is located next to the Add button.

Related Articles

Need Support?

Can't find the answer you're looking for?
Contact Support