Content
Banner slider
In the section settings, you have the option to set the title of the section. If the title field is left empty, the title will not be displayed on the website.
The option to hide decorations near the title (such as a spray) can be enabled by checking a checkbox.
In the section settings, you can select the color of the decoration using a color picker tool.
The option to hide slider dots on desktop devices can be enabled by checking a checkbox.
In the slider settings, you can add up to 10 slides.
Slide settings refer to the customization options available for slides in a slider. In a Shopify theme, a slider is a type of section that displays a series of images or other content in a slideshow format.
The slide settings for a slider typically include options for adjusting the slide's image, Title - up to 50 characters, Description - up to 70 characters, button text & link, Color spray button, and Slide background color. For example, you may be able to select an image or video for the slide, add a title and description, and adjust the font, button color, and alignment of the text.
Blogposts showcase
In a Shopify theme, you can create a slider to display articles from your blog. The articles displayed in the slider can be specified in the section settings, where you can customize the slider's appearance.
You can set the title of the slider section and choose whether to display decorations near the title by checking a checkbox. Additionally, you can hide the slider dots on desktop devices by enabling the corresponding checkbox.
Up to 5 articles can be added to the slider, and if any of the articles are attached to products, those products will be displayed under the preview of the article. More details about product attachments can be found in the main article section of the theme settings.
Brands slider:
If you are creating a slider in a Shopify theme, several customization options are available for the section and slide settings.
In the section settings, you can set the title of the slider section. If you leave the title field empty, the title will not be displayed on your website. You can also hide decorations near the title by checking a checkbox. Additionally, you can set the color of the decoration using a color picker tool.
Moreover, you can hide the slider dots on desktop devices by enabling a checkbox. Up to 10 slides can be added to the slider, each customized using slide settings.
Slide settings typically include options for adjusting each slide's image, text, and background settings. For example, you can upload an image for the slide and adjust the position and size of the image. Other customization options may include the ability to add text to the slide, adjust the font and color of the text, and modify the slide's background settings.
Collapsible content
A Shopify theme typically includes standard settings for the header, which may consist of options for customizing the header text, the appearance of decorations near the header (such as a spray), and the color of those decorations.
In addition to these standard settings, some themes may allow you to add content to the header as a "question and answer" section. Only the "question" portion of the content is visible by default. When a user clicks on the question, the "answer" portion expands to provide additional information.
Furthermore, you can expand the first block of the "question and answer" section immediately when the page loads by enabling a checkbox. This can be useful if you want to highlight a specific question or answer in the section.
Contact form
When creating a section in a Shopify theme, you can add a title by filling out a text box provided for this purpose. If you don't want to display the section title, you can leave the text box empty.
Custom liquid
In a Shopify theme, a section called 'custom liquid' allows you to add your own Liquid code. This feature is provided by the theme developer Dawn, and it will enable you to extend the functionality of your theme beyond what is possible through the standard theme settings. Using Liquid, a templating language developed by Shopify, you can create dynamic content, custom widgets, and other unavailable advanced features through the standard theme editor. This gives you greater flexibility and control over the look and behavior of your Shopify store.
Collection grid
The featured collections section includes the standard header settings as in the sections above, such as text, spray, and spray color. It creates a "tile" from collections, with a maximum of 5 pieces. Using a checkbox, you can set a unique background for the tiles based on the image. Additionally, the type of tile display can be vertical or horizontal using a select option.
Collection grid with text
The "Featured collections with text" section allows you to showcase up to 9 collections in a visually appealing tile format with the option to add a custom background image. It also includes a text block where you can add a title and description to provide context and further information about the featured collections.
Like other sections, you can customize the header settings, such as the text, spray, and spray color. Depending on your preference, the section offers flexibility in displaying the collections horizontally or vertically.
Featured products slider
You can also add a button to the mobile version of the slider, which can be customized with a description and URL. Furthermore, you can assign a label to each product, including sale, new, top, or sold out. These label options are available through Shopify's theme settings.
The "featured product slider" section allows you to showcase up to 10 products from your store. You can customize the header settings, including text, spray, and spray color. Additionally, you can choose to hide the slider dots on the desktop.
Featured product
The "Featured Product" section lets you spotlight a single product from your store's collection.
Google maps
It's important to note that you must generate the appropriate code using the Google Maps API when embedding a Google Maps iframe into your website. Here are the general steps to do so:
Go to the Google Maps website and search for the location you want to embed.
Click on the "Share" button to open a popup window.
Click on the "Embed a map" tab in the popup window.
Customize the map as needed, such as selecting the size and zoom level.
Once satisfied with the settings, copy the HTML code provided in the "Copy HTML" section.
In your Shopify theme, navigate to the section where you want to add the map and insert the HTML code into the "iframe" text field.
In the text fields for width and height, enter the desired dimensions of the iframe in pixels.
It's also worth noting that you may need to adjust the width and height of the iframe to ensure it fits properly within your website's design. Additionally, if you're using a custom domain, you may need to enable cross-origin resource sharing (CORS) to ensure the map displays correctly.
Image banner
When working with sections in a Shopify theme, you have several options for customizing the appearance of the section title. Precisely, you can:
Set a title for the section by filling out a text field provided for this purpose. If you leave this field empty, the section title will not be displayed.
Choose whether to display decorative elements (such as a spray or other design element) near the section title by enabling a checkbox.
Customize the color of any decorative elements displayed near the section title using a color picker provided for this purpose.
When creating a banner in a Shopify theme, you have several options for customizing its appearance. Precisely, you can:
Set a title for the banner using a text field that allows up to 50 characters.
Add a brief description to the banner using another text field that allows up to 70 characters.
Choose an image to be displayed in the banner.
Specify the text to be displayed on a button in the banner, which can be used to link to another page or website.
Customize the color of the decorative element (such as a spray or other design element) displayed near the button using a color picker provided for this purpose.
Choose a background color for the banner using another color picker provided.
Image with text
The "Image with text" section in Shopify allows you to display an image with a title, description, and button. Here are some of the features and settings of this section:
You can select an image for the section using the image picker.
You can choose whether to frame the image or not using a checkbox.
For the desktop, you can set the position of the image relative to the text: left or right. You can also set the position of the text: top, bottom, or in the middle. Text alignment can be set to left, right, or in the middle.
You can set the text alignment for mobile phones: left, right, or in the middle.
You can set the background color from a list of options using a select dropdown.
You can add a button with a description and URL.
Image with text in slider
The settings for the "image with text in slider" section are:
Standard header settings: text, spray, spray color
You can hide the dots of the slider on the desktop - checkbox
You can add up to 10 slides
For each slide:
An image is selected - the image picker
Whether the image is framed or not is a checkbox
For the desktop, The position of the image relative to the text is set: left, right - select
For the desktop, the position of the text is set: top, bottom, in the middle - select
Text alignment is set for the desktop: left, right, in the middle - select
For mobile phones, text alignment is set: left, right, in the middle - select
The background color is set from the list of options - select
Medals
Add "medals" in the form of an image, title, or description. Maximum 4 blocks:
Standard header settings: text, spray, spray color
You can set up:
Heading - text
Description - text
Image – image picker
New arrivals slider
Same as the featured product slider
Promotion
This section pertains to promotions and has the following settings:
Title: You can set a title for the section. If left empty, the title will not be displayed.
Hide decorations near the title (spray): You can hide the decorations near the title by checking this checkbox.
Color of the decoration: You can choose a color near the title using the color picker.
Banner settings for the promotion section include:
Title: You can add a title to the banner with a maximum of 50 characters.
Description: You can add a description with a maximum of 70 characters.
Image on the left: You can upload an image displayed on the banner's left side.
Image on the right: You can upload an image to be displayed on the right side of the banner.
Mobile image: A mobile version image is displayed below the content instead of the previous two images.
Button text: You can add custom text for the button displayed on the banner.
Link for the button: You can set a link for the button on the banner.
Color of the button spray: You can choose a color for the button spray using the color picker.
The banner's background color: This is not specified in this section.
Reviews
Reviews slider section feature:
The Reviews slider allows customers to leave a review and rating for a specific product.
The section includes a header with standard settings, such as text, spray, and spray color.
The slider displays comments left by customers for a selected product. You can hide the slider dots on desktop devices.
The customer can rate the product from 1 to 5, with a step of 1.
The comment section includes a text field for the customer to write a review and fields for the date and author of the review.
The section includes a button with customizable text that leads to the product page.
Separator
Separator in the form of waves with a background color
Subscribe newsletter
The Subscribe Newsletter section allows visitors to subscribe to a newsletter by filling out a subscription form. The background color of the section can be customized using a color picker. The section includes a heading and a description, which can be edited to fit the specific context of the website. Additionally, an app can be integrated into the section to manage newsletter subscriptions.
Video
The video section allows you to showcase a video along with a header. You can customize the header using standard settings like text, spray, and spray color. In addition to the video, you can also specify a cover image using the image picker. The video URL and alt text can also be set. If you want the section to span the entire width of the screen, you can enable the "Make section full width" checkbox.
Product specifications list
Product specifications let you add any extra product' info and showcase it the product page.
Last updated