- Docs
- Sections
- Heroes & banners
Heroes & banners
Duo panel
Two halves side by side: a large photograph on one side, a colored panel on the other with heading, text, an inset image, a round badge and a button.
Add the section#
Available on every template.
- From your Shopify admin, go to Online Store > Themes, then click Customize next to Opaline.
- Use the page selector at the top of the editor to open the template you want to change.
- In the sidebar, click Add section where you want it to appear.
- Select Duo panel. Click the section in the sidebar to open its settings.
- Click Save in the top right corner when you are done.
Settings#
Media panel
Image
Select an image from your Files, or upload a new one.
Video
Plays muted and looped. Takes over from the image.
Text
The text shown in this place.
Text
A fine glass bar set over the image, for a detail or a place.
Dropdown
Slider
Color panel
Text
Small counter set above the heading.
Text
The text shown in this place.
Rich text
Formatted text: bold, italic and links are kept.
Slider
Rich text
Formatted text: bold, italic and links are kept.
Text
The text shown in this place.
Link
Where the link leads: a product, a collection, a page, or any web address.
Inset product
Image
Select an image from your Files, or upload a new one.
Video
Plays muted and looped. Takes over from the inset image.
Product
Used if no image is set.
Link
Where the link leads: a product, a collection, a page, or any web address.
Text
The text shown in this place.
Image
SVG or PNG set in the middle of the badge. Takes over from the symbol.
Text
The text shown in this place.
Colors
Color
Pick a color, or type its hex code.
Color
Pick a color, or type its hex code.
Color scheme
The color scheme of the section. Schemes are set under Theme settings > Colors.
Dropdown
Theme default follows the section heading font chosen in Theme settings > Typography.