> For the complete documentation index, see [llms.txt](https://themessupport.gitbook.io/lollipop-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themessupport.gitbook.io/lollipop-theme/sections/quiz.md).

# 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

<div><figure><img src="/files/TkU16Y8LA01cEzrGqdjX" alt=""><figcaption></figcaption></figure> <figure><img src="/files/RBpC1TAV73AWPMYrXVp4" alt=""><figcaption></figcaption></figure></div>

| 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.

<figure><img src="/files/hfrN4OnXvSqksHaQHAJz" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Products are searched and displayed based on tags. Add the relevant tags within the answer.
{% endhint %}

| 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. |