Convertive Documentation
Welcome to Convertive — the conversion-focused premium theme by Opus Technologies. This guide takes you from install to a fully configured store. No coding required.
Install
- Shopify admin → Online Store → Themes → Add theme → Upload zip file
- Upload the Convertive zip, then click Customize
- Keep your previous theme published until setup is complete; publish Convertive when ready
Choose Your Starting Point
Convertive ships three presets. If you installed from the Shopify Theme Store you already picked one; each is the same engine with a different personality:
| Preset | Built For | Personality |
|---|---|---|
| Convertive | Growing brands (10–100 products) | Luxury gold, ivory neutrals |
| Solo | Single-product stores | Fashion rose, storytelling homepage |
| Metropolis | Large catalogs (500+) | Tech blue, efficient density |
The 15-Minute Setup
- Theme settings → Branding — logo + favicon
- Colors — six colors drive everything; the Accent powers buttons, badges, and the goal ladder
- Typography — Playfair Display + Work Sans by default; swap freely, adjust base size and per-level H1/H2/H3 sizes
- Cart — pick Drawer (recommended), set your free-shipping threshold
- Walk the homepage sections and replace the sample content
Color Schemes
Beyond your main palette, Theme settings → Color schemes holds three reusable palettes (Modern Black, Ivory, Organic Green by default). Every content section has a Color scheme picker — flip a section to Scheme 2 for an instant dark editorial block without touching global colors.
Cards
Theme settings → Product cards: image ratio (Tall 4/5 is the signature), three card styles (minimal / outlined / floating shadow), text alignment, color swatch dots, and the badge system.
Per-Section Controls
Every content section carries its own top/bottom padding sliders, a background style (none / soft surface / inverse), and the color scheme picker. You never fight global spacing.
Section Overview
Drag, reorder, and configure everything in the editor. Convertive includes 53 sections. Highlights:
- Slideshow — up to 6 slides, each with eyebrow, heading, text, and two buttons. Optional auto-rotate.
- Collection list — image cards linking to collections, with product counts and custom overrides.
- Promo tiles — an image tile grid; set any tile to Wide to span two columns.
- Featured collection — product row with a "View all" link; 2-column grid or swipeable carousel on mobile.
- Featured product — a full buy experience anywhere on the site; supports video and 3D.
- Lookbook — one image, up to 6 pulsing hotspots; each opens a mini product card with quick view.
- Before/after slider — two images with a draggable divider; fully keyboard accessible.
- Video — Shopify-hosted or YouTube/Vimeo.
- Testimonials, FAQ (with SEO structured data), Collapsible content, Rich text, Newsletter, Trust badges, Scrolling text, Countdown, Custom Liquid — all present.
Section Scheduling
Slideshow, Image banner, Promo tiles, Announcement bar, Countdown, Scrolling text, and Popup each have a Scheduling group: Show from and Hide after (format 2026-08-01 18:00, store timezone). Your weekend promo appears Friday evening and removes itself Monday morning. Sections always show inside the editor so you can keep working on them.
# Example: weekend flash sale
show_from: 2026-08-01 18:00
hide_after: 2026-08-04 09:00
timezone: storeProduct Blocks
Everything is a block — add, remove, reorder:
- Media gallery — images keep their natural shape by default (or pick a fixed ratio). Click any image for the zoom lightbox. Video, YouTube/Vimeo, and 3D models render natively.
- Variant picker — native color/image swatches. Combined listings navigate correctly.
- Stock indicator — real inventory only ("Only 3 left").
- Pre-order — automatic: if a variant is set to Continue selling when out of stock and stock hits zero, the button and card badge switch to "Pre-order".
- Back-in-stock alert — an email form appears only when the selected variant is sold out.
- Size chart — link any Shopify page; opens in a modal.
- Collapsible rows — shipping, care, sizing. Optionally pull content from a per-product metafield. Flip to render as tabs instead.
- Pickup availability — shows local pickup for the selected variant.
- Rating — stars from the standard reviews.rating metafield.
- Gift cards — the recipient form appears automatically on gift card products.
- Sticky buy bar — on mobile, the add-to-cart follows the shopper.
Filters & AJAX
Configure which filters exist in Shopify admin → Navigation → Filters. Convertive renders them with color swatch dots, a sticky toolbar, and on mobile a slide-in filter drawer with active counts and a sticky "Show results" button.
AJAX filtering — results swap without a page reload; the URL updates so filtered views are shareable.
Pagination & Grid
- Pagination — numbered pages, a "Load more" button, or infinite scroll.
- Editorial mixed grid — enable it and every seventh product becomes a large feature tile.
- Collection navigation — assign a menu to show related-collection chips above the grid.
- Editorial header — set Header style: Editorial and the collection's image becomes a full-bleed banner.
- Search — the same filters and sorting apply to search results. Predictive search shows live suggestions as customers type.
Cart Goal Ladder
Theme settings → Cart — beyond free shipping, add up to two more goals ("Free gift" at $80, "VIP sample pack" at $120). Shoppers see a segmented progress bar with markers ticking green. "You're X away from…" messaging drives the cart higher.
Goals 2–3 are messaging — fulfill them with Shopify discounts or your packing flow.
Cart Features
- Gift wrapping — create a product for your wrap fee, assign it; a checkbox appears in the cart and drawer.
- Empty-cart recovery — pick a best-sellers collection; an empty cart shows three tappable products instead of a dead end.
- Shipping estimator — country, province, ZIP → live rates from your actual shipping settings.
- In-cart upsells — automatic complementary recommendations in the drawer.
- Cart notes, discount rows, tax messaging, and express checkout buttons are all built in.
Product Compare
Theme settings → Product cards → Enable product compare — checkboxes appear on cards; shoppers pick up to 3, a floating tray opens a side-by-side sheet. Selections survive page navigation.
Languages & RTL
English, French, German, Italian, and Spanish ship complete. Enable them in Shopify admin → Settings → Languages; selectors appear in the footer automatically (with the country/currency picker, driven by your Markets).
Right-to-left — Arabic, Hebrew, and other RTL locales flip automatically.
Sign in with Shop appears on the login page; Follow on Shop in the footer (both toggleable).
Accessibility
Accessibility is engineered in: keyboard-operable menus and dialogs, screen-reader announcements for cart and search, visible focus everywhere, generous touch targets, and full reduced-motion support.
Structured data — Product, FAQPage, Article, and BreadcrumbList JSON-LD ship built in.
Badge Types
Automatic and honest:
- New — products published within your chosen window (Theme settings → Product cards)
- Almost gone — real tracked stock below your threshold
- Sale −X%, Sold out, Pre-order — computed from real data
- Custom — tag any product
badge:Editor Pickorbadge:Trending; the label renders as a signature chip (max two badges per card, so they stay meaningful)
Common Issues
| Symptom | Fix |
|---|---|
| Slideshow images stack instead of sliding | You've added multiple Image banner sections. Use one Slideshow section with slide blocks. |
| Swatches show gray | The option name isn't recognized — add it under Theme settings → Product cards → Swatch option names, or set swatch colors on the option values in admin. |
| "You may also like" is empty | Assign a Fallback collection in the section settings; AI recommendations take over once Shopify has sales data. |
| Pickup block invisible | You need a location with local pickup enabled and stock at that location. |
| Countdown not showing | The deadline is blank or in the past — it hides itself by design. |
| Scheduled section visible in editor but not store | Check the Show from / Hide after dates and your store timezone. In the editor, scheduled sections always show. |
| Goal ladder shows only free shipping | Goals 2–3 are off while their amounts are 0. |
| Compare checkboxes missing | Enable product compare in Theme settings → Product cards. |
| Express button does nothing | It needs at least one available variant; check the product isn't fully sold out. |
Getting Support
Still stuck? Contact support with your store URL and a screenshot.