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.
