Start with Tessaro

A practical path from installing your theme to a store that feels like your brand.

Start with a safe working copy#

Add Tessaro to your theme library and open an unpublished copy. Prepare your products, collections and menus in Shopify before connecting them to the theme.

01Install and previewKeep your current theme while you work.02Add your brandChoose your logo and main menu.03Build your home pageFollow all 13 starter sections.04Prepare product pagesArrange media and buying information.05Review before publishingCheck the real storefront on a phone too.

Make the header yours#

Open in the editor Header → Logo and Navigation

Start with the elements visitors use on every page.

Enter your brand in Text logo or choose a Logo image. The example below uses Tessaro.
Adjust the desktop and mobile logo widths, then choose your Main menu.
Preview the links and utility icons. Keep the working theme unpublished until your content is ready.

Make the header yours — Tessaro example — Example layout. Follow the steps above to connect your own content.

What to look for Your brand is recognizable and the menu points to your own collections and pages.

Build one section, then keep going#

You do not need to learn every control at once. Begin with the first banner, connect your media and destination, then move through the home-page guide.

Tessaro starter opening banner — The starter before custom hero photography is connected. Replace the illustration with your own media.

Build your home page →

Check the phone experience#

Use the mobile preview while editing, then open the actual storefront on a phone. Review the logo, menu, image crop, heading and button.

Tessaro starter on a 390px mobile viewport — Mobile starter example. Your own text and image crop should remain clear at this size.

Before you publish#

Connect your real content, remove sample promises and review the launch checklist. Publishing is a separate decision after your setup is complete.