Slide
You can add a few ‘Image slide’ blocks and add an image, heading, subheading, and button to each of them individually.
| Setting | Description |
| Image | Choose an image for your slideshow. Click on “Select Image” to access your media library, upload a new image, or explore free images. Also, you can connect a dynamic source by clicking the source button. Once an image is chosen, you can use the “Change” button to remove, replace, or delete it. |
| Heading | To add a heading to the section, simply enter the text in the provided field. In the top menu of the field, you can find options to customize the heading such as making it bold, italic, or adding a hyperlink. |
| Heading size | The heading size setting offers three options to control the size of your site's headings:
With these options, you can easily customize the heading sizes to best match your website's style. |
| Heading color | In Shopify, heading color can be customized by using: Text, Text secondary, Heading, Heading secondary colors, which are defined in the theme settings according to each color scheme. Pick the right color from the dropdown list. |
| Font weight | In Shopify, font weight defines the thickness or boldness of the text used on your store. Here are font weights you can pick:
This is the default, regular weight for most body text.
Slightly thicker than normal, but still light enough for headings or text that needs a bit more emphasis than regular body text.
A heavier weight, used to draw more attention. It's great for subheadings or emphasized text without being as bold as fully bold text.
The thickest font weight for strong emphasis. It’s commonly used for headings, buttons, or important calls to action. |
| Subheading | Include a subheading for image slide after heading and customize its appearance using the rich text field. You can find options to customize the subheading such as making it bold, italic, or adding a hyperlink. |
| Subheading color | In Shopify, subheading color can be customized by using: Text, Text secondary, Heading, Heading secondary colors, which are defined in the theme settings according to each color scheme. Pick the right color from the dropdown list. |
| Show container on desktop | Check the box to add the content into a container with a background color. If this box is not checked, all content will be displayed on the image banner. |
| Desktop content alignment | You have three alignment options to align content horizontally on desktop (heading, description, and buttons) :
|
| Image overlay opacity | The “Image overlay opacity” setting allows you to adjust the transparency of the overlay that is applied to images on your website. Use the slider to make changes. |
| Color scheme | Choose the right color scheme from the list for image slide content container. Applying a color scheme to a content block automatically updates all associated colors set in the theme settings according to the created color schemes. |
Button settings
Button 1
| Button label | Enter the text that you want to display on the button. |
| Button link (paste a link or search) | Input the URL you want the button to direct to, or select a page from the dropdown list of options that appears when you click on the field. Also, you can click the source button to add a dynamic source as a URL. |
| Button style | In Shopify, Button style can be customized by using the primary and secondary button color sets, which are defined in the theme settings. These color sets allow you to style buttons consistently across your store. |
| Button outline | None: The button has no outline. It appears flat, with just the background color and text, giving it a clean, minimal look. Outline: The button has a visible border around it, but the background is transparent. Outline on Hover: The button appears flat without a border or background initially. However, when the user hovers over it, a visible border appears, and the button's background remains transparent. |
Button 2
| Button label | Enter the text that you want to display on the button. |
| Button link (paste a link or search) | Input the URL you want the button to direct to, or select a page from the dropdown list of options that appears when you click on the field. Also, you can click the source button to add a dynamic source as a URL. |
| Button style | In Shopify, Button style can be customized by using the primary and secondary button color sets, which are defined in the theme settings. These color sets allow you to style buttons consistently across your store. |
| Button outline | None: The button has no outline. It appears flat, with just the background color and text, giving it a clean, minimal look. Outline: The button has a visible border around it, but the background is transparent. Outline on Hover: The button appears flat without a border or background initially. However, when the user hovers over it, a visible border appears, and the button's background remains transparent. |
Mobile layout
| Setting | Description |
| Mobile content alignment | Choose the horizontal alignment of the content on mobile:
|