Fluorescent
Eclipse
Eclipse
  • Get started
    • Migrating to Eclipse
    • Theme license
  • FAQs
  • Changelog
    • Update your theme
  • General
    • Editing themes
      • Dynamic content with metafields
      • Edit default theme content
      • Multiple languages
      • Unique content for markets
      • Customizing your site
      • H1 heading tags
    • Image guide
      • Web ready photography
      • Image sizes
      • File formats
      • Theme image settings
    • SEO for Shopify
    • Online store speed
    • Accessibility
  • Theme settings
    • Theme settings
      • Social media
    • Theme styles
    • Fonts
    • Colors
  • Corner rounding
  • Pages
    • Page templates
      • Using templates
      • Customize page styles
      • Create and assign templates
    • Demo layouts
    • About page
    • Home page
    • Blog page
    • Blog post
    • Contact page
    • Password page
    • Search page
  • Sections
    • Sections
      • Using sections
      • Content blocks
    • Blog posts
    • Collapsible content
    • Collection list
    • Contact form
    • Featured collection
    • Featured links
    • Feature product
    • Grid
    • Icon with text columns
    • Image hero
    • Image with text
    • Multi-column
    • Newsletter
    • Rich text
    • Scrolling content
    • Shop the look
    • Shoppable feed
    • Slideshow
    • Video
    • Video hero
    • Video with text
    • Custom Liquid
  • Header
    • Announcement bar
    • Header
      • Layout and style
      • Logo
      • Transparent header
      • Mega menu
      • Language and Currency
    • Impact logo
    • Search
  • Footer
    • Footer
      • Image Text and Socials
      • Links block
      • Newsletter and Socials
      • Language and Currency
      • Custom Liquid
  • Products
    • Product listings
      • Product card styles
      • Sale and sold out badges
      • Quick shopping
    • Prices and currencies
    • Swatches
      • Use default colors
      • Use custom colors
      • Use custom images
  • Product pages
    • Product page
      • Gift card product
    • Media gallery
      • Media grouping
    • Product overview blocks
      • Description
      • Price
      • Buy buttons
      • Collapsible row
      • Complementary products
      • Custom option
      • Featured icon with text
      • Icon with text
      • Inventory status
      • Image block
      • Popup block
      • Product rating
      • Text block
      • Share icons
      • Custom Liquid
    • Variant selector
      • Info popup
    • Sticky add-to-cart
    • Sibling products
    • Product recommendations
  • Collections
    • Collection page
      • Banner
      • Product grid
      • Promotion tiles
      • Filters and sorting
    • Collection list page
  • Cart
    • Cart
    • Free shipping bar
    • Cross sells
  • Popups
    • Popups
  • Support
    • Support policy
    • Shopify vs Theme issues
    • Store access requests
  • Advanced
    • Custom CSS
    • Custom fonts
Powered by GitBook
On this page
  • Customize page styles
  • Set up password header
  • Set up background image
  • Add image overlay
  • Add content blocks
  • Show share buttons

Was this helpful?

  1. Pages

Password page

Template

Last updated 5 months ago

Was this helpful?

Before you launch your store, you can use Shopify's password page feature to restrict access to your store. When the password page is active, all store pages are hidden and will not appear in search engine results.

See Shopify's guide on .

Customize page styles


Click the page section to edit the general styles, available for all page templates:

Set up password header


The Password page header displays your store title and a login link to allow users to access the site with a password.

  • Change the color scheme of the password header

  • Change the header layout

  • Add a logo image

  • Enable the transparent header

Click Password header section to find settings

Setting
Description
Options

Color scheme

Layout

Position the logo to the left or center of the page header.

Logo center Default Logo left

Image

Select or upload an image. There are no required dimensions. We recommend an image with a minimum width of 50px. Use PNG files for images with a transparent background.

Default: Brand logo

Image width

Set the maximum width (in pixels) of the image on desktop.

20-350 px Default: 120

Mobile image width

Set the maximum width (in pixels) of the image on mobile.

20-250 px Default: 90

Transparent header

Make the header transparent.

Set up background image


Click Password page section to find settings

Setting
Description
Options

Background image

Select or upload an image for the password page background.

Mobile image

Select or upload an alternate image for mobile devices.

Desktop height

For desktop, set the Custom banner height to a fixed height (in pixels) or relative height (as a percentage of the screen height).

Fixed height 250 - 750px Relative height 50 - 100% Default: 100%

Custom mobile height

For mobile, set the Custom banner height to a fixed height (in pixels) or relative height (as a percentage of the screen height).

Fixed height 150 - 750px Relative height 50 - 100% Default: 100%

Add image overlay


The image overlay adds a layer of color to your image. Overlays help balance image and text for clarity and readability.

  • Choose a Color scheme for the overlay and overlay text

  • Change the Opacity to make the overlay more or less transparent

Click Password page section to find settings

Setting
Description
Options

Overlay opacity

Use the slider to change the transparency of the overlay. Set the opacity to 0% to turn off the overlay.

Set to 100% to display a solid color (instead of the image).

0 - 100%

Default: 20%

Add content blocks


Click (+) Add block to add text and image content to the section. Use the drag handles ⋮⋮ to re-order blocks, and add Spacer and Divider blocks to further customize the layout.

Show share buttons


Click (+) Add block and select Share to show icons for sharing your page to social media.

The Native OS sharing option replaces the social sharing icons with button that allows users to share to apps on their device (e.g. Messages).

Click Share block to find settings

Setting
Description
Options

Enable native OS sharing

Allow sharing using the device's native sharing options

Select a set of colors to apply to the password header. You can add and define different color schemes in Theme settings > Colors.

Heading

Text

Overline text

Image

Spacer

Divider

Password protection for your online store ↗
Learn more
Cover

Color scheme

Cover

Section width

Cover

Section padding