1. Introduction
Fitness Pro is designed for sports, wellness, and active lifestyle storefronts with a conversion-focused merchandising structure.
- 3 curated presets for different brand personalities.
- Product-forward sections and campaign tools.
- Strong cart and product UX controls.
- Online Store 2.0 workflow compatibility.
2. Quick Start
- Open Shopify Admin → Online Store → Themes → Customize.
- Select one preset (Fitness Pro, Sage Light, Coral Blush).
- Set global styles (colors, typography, buttons, spacing).
- Configure header logo, menu, sticky behavior, and search.
- Build homepage with hero, product blocks, trust, and campaigns.
- Test product/cart flow on mobile and desktop before publishing.
3. Preset Guide
| Preset | Best fit | Design personality |
|---|---|---|
| Fitness Pro | Performance and equipment stores | Bold, high-energy contrast |
| Sage Light | Wellness and yoga brands | Calm, natural palette |
| Coral Blush | Lifestyle and visual-led brands | Modern, vibrant accents |
4. Theme Settings
Recommended priority groups to configure:
- Colors and Typography: set brand baseline first.
- Header: sticky header, logo sizing, predictive search.
- Product Cards: image behavior, badges, quick view.
- Product Page: sticky add-to-cart and variant presentation.
- Cart: drawer/page mode, notes, free-shipping progress, upsells.
- Animations/UX: tune motion and interaction intensity.
Use [[highlight text]] in supported fields for emphasis styling.
6. Homepage Build
- Hero Banner / Slideshow
- Featured Collection / Product Grid
- Benefits Icons / Trust / Testimonials
- Promo Banner / Countdown Campaign
- FAQ and Newsletter
Keep each section focused on one intent and one CTA for clarity.
7. Section Catalog
- Hero and visual storytelling sections
- Product merchandising and collection sections
- Conversion and promo sections (countdown, banners, badges)
- Trust and content sections (FAQ, testimonials, rich text)
- Template sections (product, collection, cart, search, blog, account)
All Theme Sections (current list)
header, footer, announcement-bar, cart-drawer,
cookie-banner, newsletter-popup, hero-banner,
slideshow, video-banner, media-with-text,
image-with-text, gallery-masonry, transformation-gallery,
before-after, product-grid, product-carousel,
featured-product, featured-collection,
product-recommendations, recently-viewed, tabbed-collections,
promo-banner, countdown-timer, scrolling-marquee,
pricing-table, comparison-table, benefits-icons,
faq, testimonials, rich-text, text-with-icons,
logo-list, multicolumn, accordion, map,
newsletter, workout-programs, fitness-trainers,
class-schedule, shoppable-image, stats-counter,
main-product, main-collection, main-search,
main-cart, main-blog, main-article,
main-contact, main-page, main-list-collections,
main-404, main-login, main-register,
main-account, main-order, main-addresses,
main-reset-password, main-activate-account,
main-password-header, password, gift-card.
8. Product Page
- Enable swatches and validate option naming consistency.
- Use sticky add-to-cart for long PDP conversions.
- Keep media complete on top-selling products.
- Test all variant combinations for add-to-cart integrity.
9. Collection and Search
- Collection grid layout should prioritize scan speed.
- Use hover images and badges intentionally.
- Predictive search should be validated against top keywords.
10. Cart and Checkout
- Prefer cart drawer for lower friction purchase flow.
- Enable free-shipping progress with realistic threshold.
- Use 2-4 upsell products to avoid decision overload.
- Keep tax/shipping notes concise and policy-aligned.
11. Content Pages
- Blog list/article templates for organic content strategy.
- Contact and static pages for support and policy clarity.
- Customer account templates for account/order management.
- Password page template for pre-launch / coming-soon storefront state.
- Gift card template for gift card product display and redemption messaging.
12. Marketing Tools
- Announcement bar and campaign messaging.
- Countdown and promo blocks for urgency.
- Lookbook/shoppable sections for storytelling commerce.
- Newsletter capture and testimonial blocks.
13. Merchant Workflows
Seasonal campaign launch
- Update hero, promo, and campaign links.
- Set countdown with correct timezone/date.
- Feature campaign collection and supporting trust sections.
Conversion optimization cycle
- Tune product card UX and sticky add-to-cart.
- Refresh social proof and FAQ clarity.
- Refine cart thresholds and upsell relevance.
14. Feature Checklist
| Feature | Where to configure | Validation |
|---|---|---|
| Sticky header | Theme settings → Header | Header persists on scroll |
| Predictive search | Theme settings → Header | Suggestions appear while typing |
| Swatches | Theme settings → Product Variants | Color options render as swatches |
| Sticky ATC | Theme settings → Product Page | Visible while scrolling product page |
| Cart drawer | Theme settings → Cart | Cart opens and updates correctly |
| Upsells | Theme settings → Cart | Relevant products displayed in cart |
| Free-shipping progress | Theme settings → Cart | Progress bar updates at threshold |
| Announcement bar | Header group / announcement section | Message displays across targeted pages |
| Countdown campaign | Countdown section settings | Timer date/time and timezone are correct |
| Promo banners | Promo section blocks | CTA links route to intended collection/page |
| Testimonials | Testimonials section | Cards render properly on mobile and desktop |
| FAQ accordion | FAQ section blocks | Questions expand/collapse without layout break |
| Newsletter capture | Newsletter section / footer | Form submits and success state is shown |
| Featured collections | Homepage featured collection section | Products and prices sync with admin data |
| Product recommendations | Product template sections | Related products load on product pages |
| Collection filters/sort | Collection template + Search/Discovery app | Filter and sorting changes update product grid |
| Lookbook / shoppable image | Shoppable image section | Hotspots open the correct product |
| Blog and article templates | Blog/article templates | Content, featured image, and metadata render correctly |
| Contact page template | Page template: contact | Contact form fields and submission work |
| Customer account templates | Customers templates (login/account/order) | Login, account, and order views load correctly |
| Password template | Password template settings | Pre-launch page branding/content displays correctly |
| Gift card template | Gift card template settings | Gift card page displays code and branding correctly |
15. Daily / Weekly / Monthly Operations
Daily
- Check hero/promo accuracy and CTA links.
- Verify add-to-cart on top products.
Weekly
- Refresh featured products and testimonials.
- Audit cart upsell relevance.
Monthly
- Reassess preset styling for seasonality.
- Audit full navigation and conversion paths.
16. Full Feature Coverage
This section maps the full merchant-facing feature set covered by Fitness Pro documentation.
| Area | Covered Features |
|---|---|
| Global Design | Color systems, typography, spacing scale, button styles, radius and layout controls. |
| Header & Navigation | Sticky header, transparent mode, logo sizing, mega menu readiness, predictive search behavior. |
| Homepage | Hero/slideshow blocks, featured collections/products, trust blocks, promo and countdown sections, newsletter/FAQ placement. |
| Merchandising | Product grids/carousels, badges, quick view, hover image behavior, shoppable content sections. |
| Product Experience | Variant presentation, swatches, sticky add-to-cart, media completeness and PDP conversion patterns. |
| Collection & Search | Catalog scanning layouts, sorting/filter support readiness, predictive search validation. |
| Cart & Conversion | Drawer/page mode, notes, free-shipping progress, upsell slot strategy, cart clarity best practices. |
| Content Templates | Blog/article, static pages, contact, account-related template coverage and support page strategy. |
| Special Templates | Password page template and Gift card template included in the theme package. |
| Campaign Tools | Announcement bars, countdown promos, testimonials, lookbook/storytelling blocks. |
| Operations | Launch workflow, QA checklist, and recurring daily/weekly/monthly maintenance cadence. |
17. Recommended Defaults
- Sticky header: enabled
- Predictive search: enabled
- Cart mode: drawer
- Sticky add-to-cart: enabled
- Animations: enabled at normal speed
18. Launch and Handoff Checklist
- Brand styles finalized (colors, typography, buttons)
- Navigation and search verified
- Homepage sections and links validated
- Product/cart mobile QA passed
- Backup duplicate theme created before publish
19. FAQ
Why does a section look different from preset style?
That section likely has manual overrides; reset section-level colors to inherit global settings.
Where is support?
Contact er.anand.websites@gmail.com or use the Contact page.