Docs/
Getting started/
Installation guide
Installation guide
All themes
โฑ 5 min read
Updated Jan 2025
This guide walks you through installing any Floxo theme on your Shopify store โ from downloading the ZIP to going live. No developer experience needed.
โน๏ธ Before you start: Make sure you have your license key ready. You'll find it in your
Floxo dashboard under "My Purchases".
Step 1 โ Download your theme
-
Log in to your Floxo account
Go to floxo.com/dashboard and sign in with your purchase email.
-
Go to My Purchases
Find the theme you want to install and click Download ZIP.
-
Save the ZIP file
The file will be named something like floxo-luxe-v2.4.zip. Keep it accessible โ you'll upload it to Shopify next.
Step 2 โ Upload to Shopify
-
Open your Shopify admin
Navigate to Online Store โ Themes.
-
Add a new theme
Click the Add theme dropdown and select Upload zip file.
-
Select your ZIP
Upload the ZIP file you downloaded from your Floxo dashboard.
-
Wait for upload to complete
Shopify will process the upload (usually <30 seconds). Once done, the theme appears in your theme library.
๐ก Tip: Don't publish the theme immediately โ configure it in preview mode first using the steps below.
Step 3 โ Configure in preview
After uploading, click Customize on the Floxo theme. This opens the Shopify theme editor in preview mode. Your live store is unaffected until you hit Publish.
Apply a starter preset
Each Floxo theme ships with industry-specific presets that configure sections, colors, and typography for your niche in one click. In the theme editor, go to Theme settings โ Presets and pick the one closest to your brand.
| Preset | Best for | Default palette |
| Fashion Dark | Apparel, streetwear | Black / Purple |
| Fashion Light | Minimalist clothing | Ivory / Charcoal |
| Luxury | Jewelry, accessories | Black / Gold |
| Beauty | Cosmetics, skincare | Rose / Cream |
| Monochrome | Editorial brands | Pure black / white |
Step 4 โ Add your content
With your preset applied, add your real content. The minimum you need before publishing:
- Logo โ Upload via Theme settings โ Header
- Colors โ Match your brand in Theme settings โ Colors
- Hero banner โ Replace placeholder images in the Homepage section
- Featured products โ Link your real products to the homepage grid
- Footer links โ Add your pages, policies, and contact info
Step 5 โ Publish
When you're happy with the preview, click Save then return to Online Store โ Themes and hit Publish on the Floxo theme. Your store is now live on the new design.
โ ๏ธ Heads up: Publishing replaces your current live theme. Your previous theme is saved and can be re-published anytime from the theme library.
Troubleshooting
ZIP upload fails
If Shopify rejects the upload, the file may have been corrupted during download. Go back to your Floxo dashboard and re-download. If the problem persists, contact [email protected].
Theme looks blank after upload
This is normal โ the theme needs content to display. Apply a preset (Step 3) and your store structure will appear immediately.
Images not loading
Placeholder images in the demo are not included in the theme ZIP (they're served from Shopify's CDN). Replace all placeholder images with your own from within the theme editor.
Docs/
Customization/
Colors & typography
Colors & typography
Theme editor
โฑ 4 min read
All Floxo themes use a structured color system with semantic variables. Everything is configurable from the Shopify theme editor โ no code needed.
Color system
Each Floxo theme defines 8 color variables accessible via Theme settings โ Colors:
| Variable | Purpose | Affects |
--color-background | Page background | All pages |
--color-surface | Cards, panels | Product cards, sidebars |
--color-text | Primary text | Headings, body copy |
--color-accent | Brand accent | Buttons, links, badges |
--color-accent-2 | Secondary accent | Gradient endpoints |
--color-border | Borders | Cards, inputs, dividers |
--color-muted | Secondary text | Descriptions, meta |
--color-success | Success states | In-stock, confirmations |
Typography settings
Go to Theme settings โ Typography to change fonts. Floxo themes support any Google Font. The recommended pairing is a display font for headings and a body font for prose.
/* Example โ theme.liquid */
:root {
--font-heading: 'Space Grotesk', sans-serif;
--font-body: 'DM Sans', sans-serif;
--font-size-base: 16px;
--font-weight-heading: 700;
}CSS
๐ก Tip: For dark themes (Luxe, Volt, Drop), use a display weight of 600โ800 for headings. Lighter weights disappear against dark backgrounds.
Frequently asked questions
All themes
Licensing
Can I use one theme on multiple stores?
Each license covers one store. If you need multiple stores, you can purchase additional licenses or upgrade to the Pro or Unlimited plan, which covers 3 or unlimited stores respectively.
Can I transfer my license to a different store?
Yes. Contact support with your license key and the new store's domain. We'll transfer it at no charge, once per license.
Technical
Which Shopify plans are supported?
All Floxo themes work on every Shopify plan โ Basic, Shopify, Advanced, and Plus. Themes are built on Shopify 2.0 with JSON templates.
Do I need to install any apps?
No. Core features (cart, search, product gallery, badges) are built into the theme. Third-party apps (Judge.me, Klaviyo, Loox) are supported natively but optional.
Will the theme break when Shopify updates?
We actively maintain all themes for Shopify API compatibility. Lifetime updates are included with every purchase โ you'll never pay for a compatibility fix.
Payments & refunds
What payment methods do you accept?
We accept all major cards (Visa, Mastercard, Amex) via Stripe, and stablecoins (USDC and USDT) for crypto payments.
What's your refund policy?
We offer a 7-day money-back guarantee if the theme doesn't work as described or you encounter a technical issue we can't resolve. Digital products that have been downloaded are generally non-refundable unless there's a documented defect.