Very flexible section used to display the following variable content types: products, collections, quotes and basic image with text content. Can be displayed in a slideshow or stackable column layout. You could use this section to feature multiple collections, create a team directory, show off a gallery of product images and more.
Text Content Settings
Setting |
Description |
Heading |
Optionally, title your section |
Heading Size |
Choose how large or small you want the heading to be |
Use body font... |
Choose whether you want to use the heading font or body font chosen in the typography tab for the heading |
Description |
Optionally, give a sentence or a paragraph of information |
Description Size |
Choose how large or small you want the description to be |
Text Alignment |
Choose to align the text to the left, center or right |
General Settings
Setting |
Description |
Desktop Columns Per Row |
Choose how many items to show on desktop |
Mobile Columns Per Row |
Choose how many items to show on mobile |
Layout |
Choose if you want your items to be displayed as a slideshow or as stackable columns |
Section Settings
Setting |
Description |
Top Spacing |
Empty space on the top edge of this section |
Bottom Spacing |
Empty space on the bottom edge of this section |
Theme |
Color scheme that applies to text, background, borders and buttons |
Image with Text Block
Can be used to display basic image with text content
Image Content Setting |
Description Setting |
Image |
Supply the image |
Overlay Opacity |
Add an overlay on top of the image, a value above 0% will add an overlay on top of the image to create visual interest or contrast behind the text (if enabled) |
Overlay Theme |
Color scheme that applies to the overlay color |
Image Crop Shape |
Choose how you want the image cropped. . |
General |
Description |
Heading |
Supply the heading |
Heading Size |
Choose how large or small you want the heading to be |
Enable Overlap |
Choose whether you want the heading to overlap with the image. Requires both heading and image field content. |
Description |
Optionally, give a sentence or a paragraph of information |
Text Alignment |
Choose to align the text to the left, center or right |
Button Label |
Supply the text for a button. Don't forget to give the button a link to make it clickable. |
Button Link |
Supply a link for the button to navigate to when clicked. Don't forget to give the button a label to make it display. |
Button Color |
Color scheme that applies to the button and button text |
Quote Block
Can be used to display a quote, basic text content, logo or small image
Setting |
Description |
Quote |
Supply the quote or basic text |
Show quotation marks |
Choose whether you want to show or hide the quotations mark images. This is an aesthetic choice. |
Extra details |
Give any extra details, such as the person who said the quote and their title |
Logo |
Supply an image. This could be the company logo of the person who said the quote, a certification logo or any other small image. |
Theme |
Color scheme that applies to text and background of this quote card |
Card Corners |
Choose the shape of the corners on this quote card |
Products Block
Setting |
Description |
Products |
Choose which products you want to display |
Show badge |
Show product badge. Relies on the addition of the product phrase metafield, and can be further customized in the product cards tab. |
Show description |
Show product description |
Enable quick add |
Show quick add button and quick add functionality |
Show background color |
Show the product's color metafield as a background color behind the product's featured image |
Use body font... |
Choose whether you want to use the heading font or body font chosen in the typography tab for the product title |
Text Alignment |
Choose to align the text to the left, center or right |
Price Position |
Choose where you want the price to display, if anywhere |
Image Crop Shape |
Choose how you want the product image cropped. |
Collections Block
Setting |
Description |
Collections |
Choose which collections you want to display |
Text Alignment |
Choose to align the text to the left, center or right |
Button Label |
Choose the text for the button that, when clicked, brings the user to the collection page. Popular options are "Shop All" or "View Collection". Excluding a label will hide the the button. Shown on every collection card. |
Comments
0 comments
Please sign in to leave a comment.