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.
The previous video shows an example store's home page. In the upper left, part of Theme editor's section menu is displayed. The menu's Enable age check option is selected. This option shows/hides an age verification prompt for the store's visitors. The section is configured to use Button prompt mode. To proceed to the store's home page, at the age verification 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.
Configure the Age check section ​
To configure your Age check section:
Go to Customize theme.
In 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 the Checkout, Gift card, and Password pages.
From the side menu, select Age check.
Select a setting described in the following table.
| Setting name | Description |
|---|---|
| Enable age check | Select the Enable age check checkbox to show/hide an age verification prompt for visitors accessing your store. |
| Content > Logo | Use the Logo selector options to set up an image to use as a logo inside the section. The recommended image dimensions are 2400 x 900px (pixels). Refer to Add, replace or remove an image or video inside a section or block. |
| Content > Logo > Connect dynamic source | To display a logo image from a dynamic source, select the Connect dynamic source icon beside the Logo image selector, and then choose a metafield to add. Refer to Shopify help: Metafields. |
| Content > Logo max width | Adjust the Logo max width slider 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. Format the text or add a link using the Text editor pane. |
| Content > Heading > Connect dynamic source | To display (heading) text from a dynamic source, select the Connect dynamic source icon beside the Heading box, and then choose a metafield to add. Refer to Shopify help: Metafields. |
| 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 (body) 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 Display on card checkbox to show/ hide a card behind the section. Refer to Shopify help: Cards. |
| Content > Mode | Select the Mode options 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 Approve button text box, 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 > Approve button text > Connect dynamic source | To display (Approve button) text from a dynamic source, select the Connect dynamic source icon beside the Approve button text box, and then choose a metafield to add. Refer to Shopify help: Metafields. |
| Button prompt > Deny button text | In the Deny button text box, enter text to display as label text inside the section's Deny button. To use this option, set Content > Mode to Button prompt. |
| Button prompt > Deny button text > Connect dynamic source | To display (Deny button) text from a dynamic source, select the Connect dynamic source icon beside the Deny button text box, and then choose a metafield to add. Refer to Shopify help: Metafields. |
| Date of Birth input > Date format | Select 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 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 (Link) text 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 selector to select a color scheme to apply to the section. |
| Color > Theme settings (link) | Follow the Theme settings link to open Theme editor's Color theme settings. Use the settings to edit the theme colors for your entire store. |
| Color > Use gradient for background | Select the Use gradient for background checkbox to turn on/ 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 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 a Age check section ​
To configure a block for your Age check section:
Go to Customize theme.
In Theme editor, at the top of the page, use the dropdown to select the Home page.
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, 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.
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. |