Appearance
Age check
This guide describes setting up the Age check section.
Use the section to provide store visitors with an age verification prompt before they can access your store's pages.
The previous video shows an example store's homepage. In the section's settings, on the left, the checkbox Enable age check is selected. The checkbox enables a default Age check section. The section is configured to use Button prompt mode. To proceed to the store's homepage, at the prompt, visitors must select the Yes button to confirm their age. The section can also be configured to require visitors to input their date of birth to access the store.
For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks
Set up the age check section
To set up your store's Age check section:
Go to Customize theme. At the top of the page, use the dropdown to select the Home page template.
Note
The Age check section is accessible from all page templates, excluding the Checkout, Password and Gift card page templates.
From the side menu, select Age check.
Select a section setting described in the following table.
| Section setting name | Description |
|---|---|
| Enable age check | Select the checkbox Enable age check to turn on/ off an age verification prompt for visitors accessing your store. |
| Content > Custom logo | Use the Custom logo selector options to set up an image to use as a logo inside the section. The recommended image dimensions are 800px x 300px (pixels). Refer to Add, replace or remove an image or video inside a section or block. |
| Content > Custom logo > Connect dynamic source | To display a logo image from a dynamic source, select the Connect dynamic source icon beside the Custom logo image selector, and then choose a metafield to add. Refer to Shopify help: Metafields |
| Content > Custom logo width | Adjust the slider Custom logo width to set a size for the logo image inside the section between 20px and 800px (pixels). |
| Content > Background image | Use the Background image selector options to set up an image to use as the section's background. Refer to Add, replace or remove an image or video inside a section or block. |
| Content > Background image > Connect dynamic source | To display a background image from a dynamic source, select the Connect dynamic source icon beside the Background image image selector, and then choose a metafield to add. Refer to Shopify help: Metafields |
| Content > Heading | In the Heading box, enter text to display as a title inside the section. |
| Content > Text | In the Text box, enter text to display as body text inside the section. Format the text or add a link using the Text editor pane. |
| Content > Text > Connect dynamic source | To display text from a dynamic source, select the Connect dynamic source icon beside the Text box, and then choose a metafield to add. Refer to Shopify help: Metafields |
| Content > Display on card | Select the checkbox Display on card to show/ hide a card behind the section. Refer to Shopify help: Cards |
| Content > Mode | Select the Mode radio buttons to set the type of prompt for the section to use. The options are Button prompt and Date of birth input. Button prompt mode provides buttons to Approve and Deny access to store pages. The Date of birth input mode requires visitors to input their Date of Birth to access the store. |
| Button prompt > Approve button text | In the box Approve button text, enter text to display as label text inside the section's Approve button. To use this option, set Content > Mode to Button prompt. |
| Button prompt > Deny button text | In the box Deny button text, enter text to display as label text inside the section's Deny button. To use this option, set Content > Mode to Button prompt. |
| Date of Birth input > Date format | Select the Date format radio buttons to set a date format for the section's age verification prompt to use. The options are MM DD YYYY and DD MM YYYY. To use this option, set Content > Mode to Date of birth input. |
| Date of Birth input > Minimum age | Adjust the Minimum age slider to set the minimum age that's required for a visitor to access the store. The slider ranges from 15yrs to 25yrs (years). To use this option, set Content > Mode to Date of birth input. |
| Redirect URL > Link | In the Link box, enter a URL or select a store page to link to. Visitors are redirected to this link if they select the Deny button or enter a date of birth that's below the specified Minimum age. |
| Redirect URL > Link > Connect dynamic source | To display a link from a dynamic source, select the Connect dynamic source icon beside the Link box, and then choose a metafield to add. Refer to Shopify help: Metafields |
| Color > Color scheme | Use the Color scheme dropdown to set the section's color scheme to Primary, Secondary, Tertiary, or Quaternary. Refer to Colors. |
| Color > Use gradient for background | Select the checkbox Use gradient for background to turn on/ off using a gradient as the section's background. |
| Custom CSS | Select Custom CSS. In the box, enter custom CSS styles to apply only to the current section. Refer to Shopify help: Add custom CSS. To apply custom styles to your entire online store, refer to Theme settings > Custom CSS. |
Configure a block within an age check section
A default Age check section contains no blocks. To configure a block inside the section:
Go to Customize theme. At the top of the page, use the dropdown to select the Home page template.
From the side menu, expand the Age check section menu.
To configure an existing block, select the block from the side menu.
To add a new block, select Add block, and then select the block you added.
Note
Inside the Age check section, you can add, remove, or show/ hide a block. Refer to Configure blocks inside a section, or Shopify help: Sections and blocks
Apply a block setting described in the following table.
| Block name | Block description | Block setting(s) |
|---|---|---|
| Background pattern | Displays a stylistic pattern as a background inside the section. | Refer to Background pattern. |
| Background shape | Displays a stylistic shape as a background inside the section. | Refer to Background shape. |
| Sticker | Overlays the section with a stylized sticker. | Refer to Stickers. |