The Guarantees section displays your store's key benefits, such as free shipping, easy returns, secure payments, or product quality assurances. Each item can include an icon, heading, and description.
Steps:
1. Add the Guarantees Section
- From Shopify admin, go to Online Store > Themes.
- Find your Be Yours theme and click Customize.
- Open the template where you want to display the guarantees.
- Click Add section and select Guarantees.
- Add or edit the Guarantee blocks.
- Click Save.
2. Configure the Section Layout
Open the Guarantees section to adjust its layout and heading.
| Setting | Description |
|---|---|
| Layout | Default places the section heading above the items; Sidebar places it beside the items. |
| Column alignment | Aligns the content to the Left, Center, or Right. |
| Make content horizontally | Places the icon beside its text on desktop instead of above it. |
| Number of columns on desktop | Displays 2–6 columns in the Default layout. |
| Make section full width | Extends the section across the available page width. |
| Show section divider | Adds a divider above the section. |
| Heading | Adds the section title. |
| Heading size | Sets the title size. |
| Heading tag | Chooses the heading's semantic tag. |
3. Add and Configure Guarantee Blocks
Each Guarantee block represents one store benefit.
- Open the Guarantees section.
- Click Add block > Guarantee.
- Configure the block settings below.
- Repeat for additional guarantees, then click Save.
| Setting | Description |
|---|---|
| Icon | Chooses a built-in icon, such as a truck, shield, or gift. |
| Icon size | Small, Medium, or Large. |
| Image | Uses an uploaded image instead of a built-in icon. |
| Custom SVG icon | Uses a custom SVG icon. |
| Heading | Adds the guarantee title. |
| Heading size | Sets the title size for this block. |
| Content | Adds supporting text. |
Icon priority: If a Custom SVG icon is provided, it takes priority over the uploaded Image and built-in Icon. An uploaded image takes priority over the built-in icon.
4. Configure the Mobile Layout
In the Guarantees section, find Mobile layout.
| Setting | Description |
|---|---|
| Number of columns on mobile | Choose 1 column or 2 columns. |
| Enable swipe on mobile | Allows customers to swipe through guarantee items on smaller screens. |
Preview both mobile and desktop layouts before saving.
5. Customize Colors and Spacing
The Colors and Section padding settings control the section's appearance.
| Setting | Description |
|---|---|
| Use custom colors | Enables the section's own color settings. |
| Icon | Sets the icon background color when the colored icon style is used. |
| Text | Sets the text color. |
| Background | Sets the section background color. |
| Background gradient | Adds a gradient background. |
| Highlight | Sets the highlight color. |
| Top padding | Adjusts spacing above the content. |
| Bottom padding | Adjusts spacing below the content. |
If Use custom colors is disabled, the section follows the theme's general colors.
6. Highlight Text
Highlight styling is available for the section Heading and for each Guarantee block's Heading and Content.
- Open the section or the relevant Guarantee block.
- Enable Enable highlight.
- Choose a Highlight style, such as Marker, Underline, or Circle.
- Please use italic formatting by selecting the text you want to highlight and then clicking the italic (I) button in the editor.
- Click Save.
Notes and Troubleshooting
- If an icon is missing, check whether Icon, Image, or Custom SVG icon has been selected in the block.
- If an uploaded image does not appear, check whether a Custom SVG icon is taking priority.
- If custom colors are not applied, enable Use custom colors.
- If the desktop layout is different than expected, check Layout, Make content horizontally, and Number of columns on desktop. The desktop column count applies to the Default layout.
- If customers cannot swipe through the items on mobile, check Enable swipe on mobile.
- This section presents store information; it does not create or enforce shipping, return, or warranty policies. Make sure the statements match your store's actual policies.
If you encounter any issues or need additional help with your Be Yours theme, please reach out to our support team via our Ticket System for assistance within 8 hours.
Share:
Sticky Cart Block on Product Template
How to Set Up the Featured Product Section in Be Yours