First steps

Once Pave is installed, work through these steps to get your storefront ready to launch.

1. Upload your logo and favicon

Open the theme editor (Online Store > Themes > Customize on Pave), then click Theme settings in the left sidebar.

  • Logo. In the Logo category, upload your logo image and adjust Logo width and Mobile logo width to suit. The header shows it in the desktop bar and at the top of every page. On the home page the hero banner carries your brand name, so the logo stays out of its way on phones unless you also upload an Inverse logo, a light version made to sit over the hero.
  • Favicon. In the Favicon category, upload a 32 by 32 px .png image. This is the small icon that appears in browser tabs and bookmarks.
  • Social share image. Also in the Favicon category, upload a 1200 by 628 px image. This is the Open Graph and Twitter image used when your store is shared on social media and a page does not have its own image.

See Logo and Favicon for the full reference.

2. Configure colors and typography

  • Colors. Open the Colors category in Theme settings. Pave ships with three color schemes, a light one, a dark one and a dark mode one; edit them, rename them or add more, and each section then picks the one it uses. See Colors.
  • Typography. Open the Typography category. Choose heading, subheading, accent and body fonts from Shopify’s font library, set the size of each heading level, and adjust Text size as needed. See Typography.
  • Buttons, fields and cards. The Buttons, Input fields, Badges and Product cards categories set corner radius, borders and case across the store. A few minutes here changes the whole storefront’s character. See Theme settings.

3. Create your menus

Pave reads menus from your Shopify navigation, not from the theme. To create or edit menus:

  1. In your Shopify admin, go to Online Store > Navigation.
  2. Edit the Main menu to add the links you want in the header. Its top-level links appear in the desktop bar, and links with children open a mega menu.
  3. Optionally create or edit the Footer menu to control the links in the footer columns.

The navigation panel supports up to three levels of nesting. See Navigation.

4. Add your products and collections

In your Shopify admin:

  1. Go to Products and add your products. For each product, upload high-quality images, set variant options (size, color), and configure pricing.
  2. Go to Products > Collections to group products into collections.
  3. Assign at least one image to each collection so the collection list section can display it.

For the home page, set up at least:

  • A handful of products to feature in the New arrivals section.
  • Two or more collections for the Collection list section.

5. Connect the home page sections to your content

Open the theme editor and select sections one at a time on the home page:

  • Hero banner. Upload a desktop and (optional) mobile background image. Set the brand name overlay text.
  • New arrivals. Pick a product on each block. Until you do, the blocks show the first products of your catalog, so the section never looks empty.
  • Brand message. Replace the default heading and body copy with your brand voice. Add an image and link to a key collection.
  • Collection list. Pick two or three collections to feature.
  • Brand image. Upload a wide editorial image and pick a focal point.
  • Journal. Pick the blog whose latest posts it shows. The template points at a blog called news, which every new store has.

The Newsletter section sits above the footer, in the footer group, so it appears on every page. Select it from any page in the editor to confirm its heading and subtext. Signups become customers marked as accepting marketing. The newsletter popup is off by default; see Newsletter before turning it on.

See Home page for the full reference.

6. Set up checkout, taxes, and shipping

Pave handles the storefront. Checkout, taxes, shipping, and payments are configured in your Shopify admin and are the same regardless of theme.

7. Configure your store policies

Pave automatically lists your Privacy policy, Terms of service, Refund policy and Shipping policy in the navigation panel when those policies exist, and a Store policies block can list them in the footer too.

  • In your Shopify admin, go to Settings > Policies.
  • Use the prefilled templates as a starting point and edit them to match your business.
  • Save. The links appear automatically in Pave.

8. Set up store metadata

  • Shop name. Shopify admin > Settings > General. This is the fallback brand text shown anywhere a custom value is not set.
  • Address and contact information. Shopify admin > Settings > General. Used in invoices, packing slips, and the contact page.
  • Currency. Shopify admin > Settings > General > Store currency.

9. Preview every page

Before publishing, walk through every key page in the preview to confirm everything looks right:

  • Home page
  • Collection list page
  • Catalog page
  • Product page
  • Cart page
  • Search page
  • Blog page
  • Article page
  • Contact page
  • A page from a regular page template
  • Any alternate template you plan to use, such as the FAQ or size guide page
  • The cart drawer, by adding a product to the cart
  • 404 page (visit any non-existent URL)

10. Publish

When you are happy with the result, publish Pave from Online Store > Themes and announce your launch.

Need help? See Contact support.

Pave theme © Corebia. Documentation last updated {{ site.time | date: "%B %Y" }}.