Your store,
step by step.
Start with installation, then follow the guides you need.
No coding required for the usual setup.
Choose a guide
Start here. Have your clean theme ZIP and product photos ready. You can keep the theme unpublished while you work.
Install your theme
Shopify admin / Online Store / Themes
- Choose Import theme / Upload zip file. Some admin layouts call this Add theme.
- Upload FORME-0.5.6-clean.zip. Keep the ZIP compressed.
- Open Customize or Edit theme on the uploaded theme.
- Set it up and preview it before choosing Publish.
Two places to work: Shopify admin holds products, stock and pages. The theme editor controls how they look.
Shopify’s theme upload guideNext: Add products & stockAdd products & stock
Shopify admin / Products
- Add each product’s title, description, price and two or three useful photos.
- Add options such as Size and Color. Check the price, stock and image for each variant.
- Set the product to Active and make it available to Online Store.
- Open Products / Collections. Group your products into collections and add a collection image.
Pick these real products and collections inside your theme sections. Uploading the theme does not add a catalog.
Next: Set up the header & menusSet up the header & menus
Theme editor / Header
- Add your Logo. Add an overlay logo too if you want a different version over hero photos.
- Choose Curated navigation. Add Collection blocks, then choose a collection for each. These become the image dropdown.
- Open Theme settings / Departments. Select the two collections and edit the For her / For him labels.
- Open Theme settings / Page destinations and connect your pages. The curated header and footer use these links.
Desktop dropdowns open on hover. On phones, customers tap the menu.
Prefer your own Shopify menu?
Create a nested menu in Content / Menus. In Header, choose Merchant menu and select it.
For a dropdown with collection images, make all its immediate child links collection links.
Build your homepage
Theme editor / Home page
- Open Full-screen campaign. Edit each campaign block’s image, heading, text and button.
- Choose the correct destination for each slide. The two edit destinations use your Departments settings. Custom can use the block’s link or collection.
- Enable Autoplay and set the interval if you want automatic swiping.
- Select products and collections in the sections below. Drag sections to reorder them, or hide any you do not need.
What goes in each homepage section?
| Section | Choose |
|---|---|
| Featured collection | The products you want to show first. |
| Shop the edits | Your two department collections. |
| Shoppable look | An outfit image or video, plus the featured products. |
| Campaign film | A video and optional products. It stays hidden until video is selected. |
| Collection editorial | The collections you want customers to explore. |
| Material story | A detail photo, useful facts and relevant products. |
| Brand note | A short brand statement. |
| Blog posts | Your journal blog and published articles. |
Choose images & videos
Theme editor / The section you want to edit
Images that fit
- Use a wide image for desktop and a separate portrait image for mobile.
- In a campaign block, adjust Mobile focal point, Desktop focal point and Desktop vertical position if a model is cropped.
- Use consistent product photo shapes. Check the result on a phone and a wide screen.
Add a campaign video
- Use Full-screen campaign, Shoppable look or Campaign film.
- Choose a Shopify-hosted video in Campaign video. Add a separate mobile video if needed.
- Add a poster image. Use autoplay and loop where offered, then choose any products shown in the film.
Autoplay is silent. Browsers and reduced-motion or data-saving preferences can require the visitor to press Play.
Next: Style collections & add filtersStyle collections & add filters
Theme editor / Collections / Your template / Collection products
Choose Campaign for a full-width image opening, Editorial for a spacious layout, or Compact to reach products sooner. Enable the banner and add the image on the collection in Shopify.
Set products per page, image fit, vendor names and swatches here too.
Turn on useful filters
- Open Shopify’s Search & Discovery app.
- Go to Filters / Add filter. Start with Availability, Price, Size and Color.
- Save, then test a populated collection. Only filters relevant to its products appear.
Color swatches need native Shopify swatch data. For text-only colors, connect the product’s Color option to the appropriate category metafield.
Shopify’s filter setup guideNext: Finish the product pageFinish the product page
Theme editor / Products / Default product / Product information
- Arrange the title, price, options, quantity, buy buttons and description blocks.
- Keep Options and Buy buttons for normal purchasing.
- In Theme settings / Shopping, enable quick actions and choose a cart drawer or cart page.
- Test a product with options, an unavailable variant, quick view and adding to the bag.
Optional: fit notes, care & a size guide
In Settings / Custom data / Products, create the fields below. Your admin may call this Metafields and metaobjects.
| Key | Type |
|---|---|
custom.forme_fit_notes | Multi-line text |
custom.forme_care | Multi-line text |
custom.forme_model_notes | Multi-line text |
custom.forme_size_guide | Page reference — one page |
Fill them on each product and keep the matching template blocks. Empty fields stay hidden.
Set related and complementary products in Search & Discovery if you want to control recommendations.
Next: Add pages & finish the footerAdd pages & finish the footer
Shopify admin / Online Store / Pages / Add page
Create the page, choose its theme template and save. Then connect it in Theme settings / Page destinations.
| Page | Template |
|---|---|
| Lookbook | lookbook |
| Our story | story |
| FAQ | faq |
| Contact | contact |
| Care guide | care |
| Fit guide | fit-guide |
- Lookbook: match each chapter’s anchor with the anchor on its Shoppable look section.
- FAQ: add Question blocks with a question, answer and category.
- Contact: confirm your store email and send a test message.
Footer
Open Footer to edit the brand note, newsletter and menu blocks. Add social links in Theme settings. Put your real store policies in Shopify Settings / Policies; filled policies appear in the footer.
If a template is missing from the page selector, preview the page in FORME and confirm its assignment when FORME becomes the published theme.
Next: Currencies & going liveCurrencies & going live
Offer local currencies
- Create and activate your regions in Shopify Markets. Set their currencies and available products.
- Check that your payment provider supports those checkout currencies. Enable Shopify’s automatic localization if needed.
- Turn on localization in Header and Footer, then test a country switch through checkout.
Shopify handles exchange rates and checkout currency. The theme shows what Shopify supplies.
Before you publish
- Check shipping rates, payments, taxes, contact email and policies.
- Test the menu, both hero links, filters, search and every visible page link.
- Add an item, change its quantity, remove it and place a complete test order.
- Review a phone and desktop, including hero crops and button visibility.
- Test contact and newsletter forms, and keep a backup of your current theme.
Common fixes
Products show sold out
Check each variant’s available stock at a location that fulfills online orders. Also check product and market availability.
A section looks empty
Choose a published product, collection, blog or video in that section. The clean theme does not include demo content.
The hero cuts off the model
Use a separate mobile image and adjust the campaign’s mobile and desktop focal-point controls.
Both hero buttons open the same collection
Check each slide’s destination and the two selections in Theme settings / Departments. Remove an unintended URL override.
A page link opens 404
Create and publish the actual page, then reconnect it in Page destinations or your menu. A template alone does not create a page.
Filters or swatches are missing
Set up filters in Search & Discovery. Populate the product options or native swatch data those filters need.
Video does not autoplay
Try Play first. Browser policies, reduced motion and data-saving preferences can prevent automatic playback.
Something changed after an update
Back up first. Upload the new version as an unpublished theme, reapply your settings and test before publishing.