Appearance
Age check
This guide describes the Age check section.
Use the section to provide store visitors with an age verification prompt before they can access your store's pages.
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:
In Theme editor, at the top of the page, use the theme templates dropdown to select the home page.
Note
The section is accessible from all pages, excluding Checkout, Password, and Gift card pages.
From the side menu, select Age check.
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 > Theme settings (link) | Follow the Theme settings link to open Theme editor's Logo theme settings. Use the settings to edit your store's logo. |
| Content > Heading | In the Heading box, enter text to display as title text inside the section. |
| Content > Text | In the Text box, enter text to display as body text inside the section. Format the text and add links by using the Text editor pane. |
| Content > Mode | Select the Mode options to set the type of prompt for the section to use. The options are Button 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. |
| Logo > Show logo | Set the Show logo option to on or off. When enabled, this setting displays your store's logo image inside the age check prompt. |
| Logo > Logo width | Adjust the Logo width slider between 20 and 800 px. This setting specifies a maximum width for the logo image displayed inside the section. To use this option, enable the Show logo option. The logo is set in theme settings. |
| Image > Image | Use the Image picker to select an image to display inside the section. |
| Image > Deep inset | Set the Deep inset option to on or off. With this option enabled, a margin (padding) is applied around the image. To use this option, select an Image. |
| Image > Crop | Use the Crop option to select No crop, Landscape, Square, or Portrait. Use this option to specify the cropping style applied to the section's image. To use this option, select an Image and enable the Deep inset option. |
| Image > Desktop width | Use the Desktop width option to select 1/3, 1/2, or 2/3. To use this option, select an Image. |
| Button > 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 > 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 | Use the Date format options 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 15 yrs to 25 yrs (years). To use this option, set Content > Mode to Date of birth input. |
| Age check declined > Action | Use the Action option to select Message or Redirect URL. This setting determines whether visitors who fail the age verification see a customizable decline message with title and text or are redirected to a specified URL. The action also occurs if visitors select the deny button. |
| Age check declined > External URL | In the External URL box, 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 | Enter a single line of text in the Heading field to display as a heading for the section's age verification message. The message is displayed to visitors if they select the Deny button or enter a date of birth that's below the specified Minimum age. To use this option, set the Action option to Message. |
| Age check declined > Text | Enter formatted text in the Text field. Add links and styling as needed. The text you enter is displayed as a body text for the section's age verification message. The message is displayed to visitors if they select the Deny button or enter a date of birth that's below the specified Minimum age. To use this option, set the Action option to Message. |
| Color > Color scheme | Use the Color scheme options to select a color scheme for the section. Refer to Colors. |
| 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 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. |
Note
To connect a metafield to a setting that supports metafields, select the Connect dynamic source icon displayed beside the setting in 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.