General Slideshow settings
With the Charge theme, it is possible to add and customize your slideshow.
It will be shown as a full-screen slider with images. You can also add a brand slider. See the bottom Slideshow section of our template to create a brand logo list.
To enable/disable Slideshow on the front end, you can use a visibility badge. It is available to remove sections due to your requirements.
The Charge theme slideshow settings allow you to:
- Select a background color.
- Set the maximum width of the container.
- Make your slider loop continuously.
- Set the slider to autoplay. That will make the slides come from left to right or first to last.
- Use fade effect.
- Set a delay between transitions. This value is available in case of autoplay is enabled.
- Set the number of slides per view.
- Set the slide height.
- Show navigation buttons.
- Set the navigation position. Available values are Sides, Right, and Left.
- Show pagination.
- Add animation slider content.
- Preload the first slide.
- Show the top and bottom borders.
- Select the button's color. The option is unavailable for the Sides position.
- Make the slideshow visible on All screens (set by default), Desktop only and Mobile only. This feature is available from the 1.7.0 Charge theme version. It allows you to have separate slideshow sections. You can set the one slideshow shown on mobile only and the second one to be shown on the desktop only. Let's see how to make it possible.
First, you have to add two slideshow sections. Go to the bottom slideshow, press the Add section button, and choose a Slideshow.
Then drag the newly created Slideshow section to the top. Now on the template settings, you can see 2 slideshow sections. And for each one, you can configure the Visible on option.
Image and Slider Content settings
When you add a slideshow section in Shopify, you have to edit the Image and Slider Content settings. You can also remove the block. Click the image block to start configuring.
The Charge theme Image settings allow you to:
- Specify the heading.
- Add the new image, change or remove it.
- Add the image and video links to other pages of your Shopify site.
The Charge theme Slider content settings allow you to:
- Specify a heading.
- Set the heading size. The available values are H1, H2, H3, and Theme appearance. See the recommendations about the correct usage of headings for better SEO.
- Set the body text.
- Add a button label.
- Add a link to the button.
- Choose the position for the content. The available values are Left (default), Center and Right.
- Set the background color and opacity.
- Choose the colors for the text, button background, and button text.
- Show the video in the slider section:
The option “Video link” has more priority over an Image. It means if using both options as a Slider Image, the video will be loaded first. It is also possible to control the video slider height by adding the Image slider. The video will be loaded in the Image size.
Comments
0 comments
Please sign in to leave a comment.