- Docs
- Sections
- Products & collections
Products & collections
Link list with previews
A list of links set in large type. Hovering a line reveals a preview image, and each line can carry a short side note.
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 Link list with previews. Click the section in the sidebar to open its settings.
- Click Save in the top right corner when you are done.
Settings#
General
Text
The text shown in this place.
Text
The text shown in this place.
Link
Where the link leads: a product, a collection, a page, or any web address.
Slider
Slider
How faint the other rows go while one is hovered.
Toggle
A preview follows the cursor on desktop, and each row carries a thumbnail on touch screens.
Slider
Gradient
A CSS background, for example a gradient.
Color scheme
The color scheme of the section. Schemes are set under Theme settings > Colors.
Slider
Slider
Dropdown
Theme default follows the section heading font chosen in Theme settings > Typography.
Blocks#
Click Add block under the section in the sidebar to add one, then drag blocks to reorder them.
Row#
Up to 10 per sectionGeneral
Collection
Fills the title, link and image automatically.
Text
The text shown in this place.
Link
Where the link leads: a product, a collection, a page, or any web address.
Image
Select an image from your Files, or upload a new one.
Text
The text shown in this place.