Avante theme setup guide — where to start
Step-by-step checklist to set up your Avante store: branding, navigation layout, header and footer, homepage, product and collection pages, and final touches.
Last updated
Was this helpful?
Step-by-step checklist to set up your Avante store: branding, navigation layout, header and footer, homepage, product and collection pages, and final touches.
A step-by-step checklist for setting up your Avante store from scratch — branding, navigation, pages, and final touches.
Tip: Before you start customizing, duplicate your theme and work on the copy. See How to use the Shopify theme editor for details.
Start here — branding affects every page of your store.
Replace your logo Go to Theme Editor → Header (or Main sidebar / Mobile header) and upload your logo. Replace it in all header sections where it appears.
Set your colors Go to Theme Editor → Theme Settings → Colors. Set your accent color first — it's used for buttons, links, and highlights across the whole theme.
See Colors for the full settings reference.
Choose your fonts Go to Theme Editor → Theme Settings → Typography. Use one of the 8 built-in presets as a starting point, then adjust accent and base fonts to match your brand.
Tip: For the base font, use Regular or Medium weight. Save decorative fonts for accent only.
See Typography for the full settings reference.
Avante supports two navigation layouts — choose based on your store's structure.
Go to Theme Editor → Theme Settings → Appearance → Navigation layout:
Header-based
Standard stores with top navigation
Sidebar-based
Stores with many categories, fashion & lifestyle
Sidebar-based gives you 7 combinations of two sidebars with different main sidebar sizes.
See Appearance for the full settings.
Header Go to Theme Editor → Header. Adjust block alignment, add blocks (search, cart, account), and configure the mega menu if needed.
See Header for the full guide.
Footer Go to Theme Editor → Footer. Choose between 3-column layouts, add menu blocks, social links, and newsletter signup.
Cart drawer Go to Theme Editor → Cart drawer. Enable cart upsell, notes, or shipping estimate as needed.
See Footer and Cart drawer for details.
Go to Theme Editor → Home page and build your homepage layout:
Edit or replace the default sections
Add new sections with Add section
Reorder by clicking and holding a section, then dragging up or down
Hide sections you don't need yet (eye icon) instead of deleting them
Collection page Configure product grid layout, number of columns, and custom filters in Theme Editor → Default collection.
Product page Configure gallery style, variant display, and product details in Theme Editor → Default product:
Choose gallery style (standard or full-width) based on your product image format
Set variant layout (pills, swatches, or dropdowns)
Enable collapsible tabs for product details and specifications
See Collection page and Product page for full guides.
Once the main structure is in place, adjust the visual details:
Shapes — Go to Theme Editor → Theme Settings → Shapes to set corner radius for buttons, inputs, and images. Rounder = casual, square = strict.
Appearance — Adjust white space, max page width, and divider lines in Theme Editor → Theme Settings → Appearance.
Animation — Go to Theme Editor → Theme Settings → Animation. Choose Smooth for a premium feel, Basic for a faster, utilitarian style.
Before publishing, check these settings:
Favicon — Upload in Theme Editor → Theme Settings → Favicon
Cart icon — Choose between Cart / Basket / Bag in Theme Editor → Theme Settings → Cart based on your product type and region
Social media links — Add in Theme Editor → Footer or sidebar blocks
Back to top button — Enable in the Footer Legal block or sidebar
Quick search — Configure in Theme Editor → Quick search
Last updated
Was this helpful?
Was this helpful?