Age check

This guide describes how to set up the Age check section.

Use this section to display an age verification prompt before visitors can access your store.

​The previous image shows the Age check section on a store's home page. In the upper left, part of the Theme editor's section menu is displayed. The menu's Enable age check option is enabled. With this option enabled, an age verification prompt is displayed for visitors accessing your store.

For general guidance with modifying sections, refer to Sections overview and Shopify help: Sections and blocks.

Configure the Age check section

To configure your Age check section:

1. In the Theme editor, at the top of the page, use the dropdown to select the Home page.

   Note

   The section is accessible from all pages, excluding Checkout, Gift card, and Password pages.

2. From the side menu, select Age check.

3. Select a setting described in the following table.

Setting name	Description
Enable age check	Use the Enable age check option to turn on or off an age verification prompt for visitors accessing your store.
Content > Logo	Use the Logo picker to select an image to display as a logo in the section. We recommend using an SVG or an image with the dimensions 2400 x 900 pixels. Refer to Add, replace or remove an image or video inside a section or block.
Content > Logo max width	Adjust the Logo max width slider to set a size for the logo in the section between 20 and 800 pixels.
Content > Background image	Use the Background image picker to select an image to display as the section's background. Refer to Add, replace or remove an image or video inside a section or block.
Content > Heading	In the Heading field, enter text to display as a title in the section. Format the text or add a link using the inline editor.
Content > Text	In the Text field, enter body text to display in the section. Format the text or add a link using the inline editor.
Content > Display on card	Use the Display on card option to show or hide a card behind the section's content. Refer to Shopify help: Cards.
Content > Mode	Use the Mode options to choose the type of age verification prompt to display. The options are Button and Date of birth. Button mode provides Approve and Deny buttons for access to store pages. The Date of birth mode requires visitors to enter their date of birth before they can access the store.
Button prompt > Approve button text	In the Approve button text field, enter text to display as a label for the section's Approve button. To use this option, set the Content > Mode option to Button.
Button prompt > Deny button text	In the Deny button text field, enter text to display as a label for the section's Deny button. To use this option, set the Content > Mode option to Button.
Date of birth input > Date format	Use Date format options to set a date format for the section's age verification prompt. The options are MM DD YYYY and DD MM YYYY. To use this option, set Content > Mode to Date of birth.
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 15 to 25 years. To use this option, set Content > Mode to Date of birth.
Age check declined > Action	Use the Action option to select Message or Redirect URL. This setting determines whether visitors who fail age verification see a customizable message or are redirected to a specified URL. The action also occurs if visitors select the Deny button or enter a date of birth that's below the specified Minimum age.
Age check declined > External URL	In the External URL field, enter a URL. Visitors are redirected to this URL if they select the Deny button or enter a date of birth that's below the specified Minimum age. To test this feature, preview the theme. Internal URLs are not supported. To use this option, set the Action option to Redirect URL.
Age check declined > Heading	In the Heading field, enter text to display as a heading for the section's age verification message. This message is shown when visitors select Deny or enter a date of birth below the configured Minimum age. To use this option, set the Action option to Message.
Age check declined > Text	In the Text field, enter formatted text to display in the section's age verification message. Add links and styling as needed. This message is shown when visitors select Deny or enter a date of birth below the configured Minimum age. To use this option, set the Action option to Message.
Color > Color scheme	Use the Color scheme picker to select a color scheme for the section. Refer to Colors.
Color > Use gradient for background	Use the Use gradient for background option to turn on or off using a gradient as the section's background.
Theme settings	If available, select Theme settings to access additional settings for the section. Refer to Section theme settings menu.
Custom CSS	Select Custom CSS. In the CSS field, 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.
Remove section	Select Remove section to delete the section from the current page.

Note

To connect a metafield to a setting that supports metafields, select the Connect dynamic source icon displayed beside the setting in the Theme editor.

To learn how to connect a metafield to a supported setting, refer to Shopify help: Connecting metafields to your theme by using the Theme editor.

Configure a block within an Age check section

To configure a block within your Age check section:

1. In the Theme editor, at the top of the page, use the dropdown to select the Home page.

2. From the side menu, expand the Age check section menu.

3. To configure an existing block, select the block from the side menu.

   To add a new block, select Add block, choose a block to add, and then select the block you added.

   Note

   Inside the section, you can add, remove, show, hide, and move blocks. Refer to Configure blocks inside a section and Shopify help: Sections and blocks.

4. Apply a block setting described in the following table.

Block name	Block description	Block settings
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.