Store benefits
Add a ready-made row of delivery, returns, payments, and customer-support information. Four equal columns appear on desktop and stack vertically on mobile.
Add and edit the section
- Choose Add section > General > Store benefits.
- Open a benefit’s Container to edit its Icon, Heading, and Text blocks.
- Replace the starting copy with your store’s actual delivery terms, return policy, payment information, and support availability.
- Duplicate, remove, or reorder a Container to change the benefits shown.
The Icon block includes Package outline, Returns arrow, Credit card, and Chat bubble. You can change icon width and colors, or choose an uploaded image. The outline icons follow the global icon stroke setting. Existing Package, Customer service (envelope), and Star icons remain available.
Heading and body Text blocks use the theme’s typography controls. Change their style, alignment, width, or color in each block. A Container can hold additional blocks such as a button or link.
Section settings
| Setting | Use |
|---|---|
| Width | Page, Full screen, or Custom. Custom desktop width ranges from 60% to 100%; mobile uses the available screen width. |
| Gap | Space between benefit containers, from 0 to 100px; starts at 32px and follows theme spacing scaling. |
| Background color | Leave Default to inherit the theme surface or choose a section background. Review text contrast after changing it. |
| Use same padding on all sides | Enable one padding value, or adjust Top, Bottom, Left, and Right separately. |
| Padding | Values range from 0 to 100px. Starts at 48px top/bottom and 0px left/right, with theme responsive scaling. |
The desktop row and mobile stack are built into this section. Change each Container’s content settings to customize the contents within a benefit.