# Password

This guide describes setting up the Password section.

Use the section on (password) protected store pages to provide “Opening Soon” information about store content that’s pending release. Refer to Shopify help: Password protection for your online store (opens new window)

An example Password section on a store's Password page.

The previous image shows a Password section on a store’s Password page. A custom image is used for the section’s background. Visitors must provide a password to access the store’s pages by selecting the Enter using password button. To prompt visitors to subscribe to the store’s newsletter, in the section’s settings, the checkbox option to Show newsletter signup is enabled.

For general guidance with modifying sections, refer to Sections overview, and Shopify help: Sections and blocks (opens new window)

# Set up a password section

To set up a Password section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select Others > Password.

    Note

    The section is available only on the Others > Password page template.

  2. From the side menu, select Password.

    The Password section selected in Theme editor.
  3. Select a setting described in the following table.

Setting name Description
Display on card Select the checkbox Display on card to show/ hide a card behind the section. Refer to Shopify help: Cards (opens new window)
Logo image Use the following Logo image selector options to set up an image to use as a logo, inside the section.
  • To add an image, choose Select image, and then upload an image or select an image file from your store’s file library.
  • To edit an uploaded image, select Edit in the image selector’s thumbnail preview area. Refer to Edit an image inside a section or block.
  • To replace an image, choose Change > Change image, and then select or upload a new image.
  • To remove an image, select Change > Remove image.
  • Select the Add alt text link, and then enter a brief description of the image into the Image alt text box. Refer to Shopify help: Adding alt text to media (opens new window)
  • To display a logo image from a dynamic source, select Change > Connect dynamic source, and then choose a metafield to add. Refer to Shopify help: Metafields (opens new window)
Logo image > 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 (opens new window)
Custom logo width Adjust the slider Custom logo width to set a size for the image inside the section between 20px to 450px (pixels).
Heading In the Heading box, enter text to display as title text inside the section.
Background image Use the following Background image selector options to set up an image to use as a background, inside the section.
  • To add an image, choose Select image, and then upload an image or select an image file from your store’s file library.
  • To edit an uploaded image, select Edit in the image selector’s thumbnail preview area. Refer to Edit an image inside a section or block.
  • To replace an image, choose Change > Change image, and then select or upload a new image.
  • To remove an image, select Change > Remove image.
  • Select the Add alt text link, and then enter a brief description of the image into the Image alt text box. Refer to Shopify help: Adding alt text to media (opens new window)
  • To display a background image from a dynamic source, select Change > Connect dynamic source, and then choose a metafield to add. Refer to Shopify help: Metafields (opens new window)
Background image > Connect dynamic source To display a background image from a dynamic source, select the Connect dynamic source icon beside the Background image selector, and then choose a metafield to add. Refer to Shopify help: Metafields (opens new window)
Newsletter > Show newsletter signup Select the checkbox Show newsletter signup to show/ hide a form, inside the section, that prompts the customer to subscribe to your store’s newsletter by submitting an email address.
Newsletter > Newsletter form heading In the box Newsletter form heading, enter text to display as a title inside the newsletter form. Format the text, and/ or add links, using the Text editor pane.
Newsletter > Newsletter form heading > Insert dynamic source To display heading text from a dynamic source, select the Insert dynamic source icon beside the Newsletter form heading box, and then choose a metafield to add. Refer to Shopify help: Metafields (opens new window)
Newsletter > Tell your visitors about a launch day discount Follow the link Tell your visitors about a launch day discount to open a Shopify blog post about using discounts for marketing and promotion (opens new window)
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.
Theme settings Select Theme settings to access additional settings for the section. Refer to Section theme settings menu.

# Configure a block within a password section

A default Password section contains no blocks. To configure a block inside the section:

  1. Go to Customize theme. At the top of the page, use the dropdown to select Others > Password.

  2. From the side menu, expand the Password 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.

    The Password's Add block menu in Theme editor.

    Note

    Inside the section, you can add, remove, show/ hide, or move blocks. Refer to Configure blocks inside a section, and Shopify help: Sections and blocks (opens new window)

  4. 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.
Shape divider Displays a stylized separator between the current section and the next/ previous section. Refer to Shape divider.