Quiz

Displays an interactive quiz that recommends products based on customer answers.

How to access

1. From your Shopify admin, go to Online Store → Themes.

2. Click Customize on the theme you want to edit.

3. Click Add section and choose Quiz.

Section Settings

Setting	Description
Layout
Expand to full width	Extends the section to the full browser width.
Color scheme	Sets the background and text colors.
Background opacity	Controls the background opacity.
Content
Heading	Sets the section heading text.
Heading size	Sets the size of the heading. Choose from Small, Medium, or Large.
Text	Adds supporting text to the section.
Text position	Shows the text above or below the heading.
Desktop content alignment	Aligns the section content on desktop. Choose from Left, Center, or Right. On mobile, the content is automatically centered.
Image
Image	Selects the image displayed in the quiz banner.
Image placement	Sets the image position. Choose from Image first or Image second.
Color scheme	Sets the color scheme for the quiz area.
Result heading	Sets the heading displayed for the recommended products. Note: This heading will appear in the sidebar after choosing the answers.
Section padding
Top side	Space above the section.
Bottom side	Space below the section.
Section divider
Shapes	Adds a decorative divider to the section. Choose from Curve top, Curve bottom, Curve both, None, Border top, Border bottom, or Both border.

Blocks

Add blocks to this section in the theme editor. Each block is a separate item you can add, remove, and reorder.

Quiz question

Adds a question and its answer choices to the quiz.

Products are searched and displayed based on tags. Add the relevant tags within the answer.

Setting	Description
Question	Sets the quiz question.
Answer 1	Sets the first answer option.
Answer 2	Sets the second answer option.
Answer 3	Sets the third answer option.
Answer 4	Sets the fourth answer option.