The Divine theme has the 2 added Slideshow sections on the homepage by default. You can remove a section or hide it with the visibility badge.
You can show a full-screen slider with images as well as a brand slider, or customize a slideshow according to your requirements.
Within the general configuration, it is possible to:
- Create a heading and set its background color.
- Set the max width of the container (px).
- Choose a visibility between Always, Mobile, and Desktop.
- Note: our template allows you to show different slideshows on mobile and desktop devices. We recommend creating at least two Slideshow sections, so you will be able to optimize images and slider content for mobile view in one section. You always have to select a Mobile visibility for this slideshow section.
- Enable continuous loop.
- Enable autoplay.
- Enable drag & drop on the desktop (disabled by default).
- Set the delay between transitions (seconds).
- Set the number of slides per view.
- Select the slide height. Possible values are Small, Medium, Large, Auto, and Adapt to the first image.
- Show navigation buttons.
- Show pagination.
- Animate slide content.
- Preload the first slide. It can improve page rendering time and Google performance score when the slideshow is above the fold content.
- Overlap the section above. The option is available if you've set more slides per view than 1.
Now you have to configure images for the slideshow. The Divine theme includes settings for Image and Slider content:
- Select the image and add the link to the required page of your store.
- Create a heading for the slider.
- Specify the body text of the slider.
- Set the button label and add the button link.
- Choose the content position between Left, Center, and Right.
- Select the color for the background and set its opacity.
- Set colors for the text, button background, and button label.
Flex-section support - AI generation feature
Since the 2.0.0 release, the Divine theme has become more powerful with AI blocks. Now you have it way easier to design the layout of your dream. No coding.
You've got a choice to add the existing blocks within our theme functionality or create a custom block by using the AI generation feature.
We added Flex-sections support to the following sections: Slideshow, Icons bar, Multicolumn, Image with text, Rich text, Newsletter, Featured product, Countdown timer, Collage, Product Information.
Right in the section, please press + like you can see on the screenshot and choose Generate.
You will see the field where you can describe the block and wishes you want.
Just summarize your requirements in detail there and proceed with the arrow. You will have to wait for a while, but then you will experience the magic of AI blocks on your store pages.
Comments
0 comments
Please sign in to leave a comment.