Storefronts

A storefront is a design of your store’s site. A store can hold up to ten and has one of them live, which is the one buyers see. The others are drafts to work on. Find them under Online Store, then Storefronts.

​

Themes

A storefront starts from a theme. There are six: Simplistic, light and plain; Keystone, dark, with pictures in your store’s colour; Emerald, dark, with a first screen that glows in your store’s colour and rows of categories and reviews that slide past by themselves; Vanguard, dark, on a page ruled in faint lines of your store’s colour, with each product’s status on its card and a store page grouped by category; and Obsidian, near-black with a little of your store’s colour in it, on a faint grid of that colour, with your categories as tall covers and a product page whose buy card stays in view; and Vanta, near-black with a bar that floats over the page, a first screen over dark shards and titles that run into your store’s colour. All six come in nine languages, and show prices in the buyer’s own currency where your store has that switched on.

​

The visual builder

Customize opens the builder. A site is pages, a page is sections, and a section holds elements: headings, products, reviews, pictures, your own HTML. Pick something on the page to change it. Changes are saved as you make them and reach buyers when you press Publish. The page menu at the top lists every page your store has. Your design’s own pages hold sections you can add, move and change. The rest are drawn by your theme: a category, the blog, your policies, the step before the checkout and the page a missing address is given. On those you can change what is on every page, such as the header and the footer. Every theme also has Before and After: two of your pictures, one over the other, with a line a buyer slides across to compare them. Add it from the builder’s sections; until you give it your pictures it shows the theme’s own pair.

​

The code

Edit Code opens the storefront’s files: its layout, pages, parts, stylesheet and script, as templates you can change. A template is text and cannot run anything on the server. A mistake in one is listed, and stops a publish until it is fixed. To work on the same files on your own computer, in your own editor, use the Shoply CLI.

​

Moving a storefront

Export gives you a storefront as a ZIP of its real files: change them in any editor, zip them again, and Import them as a new draft. Nothing in an import is trusted: its design is rebuilt from the theme and every file is checked. A storefront somebody else made can still carry a script of theirs, so read one before you publish it.

​

What is always there

Three things are Shoply’s and stay on every store: the cookie notice, “Powered by Shoply”, and “Report Abuse”.

​

The checkout

The checkout is not part of a storefront and is not edited in the builder. For a checkout that looks like your own site, use the Checkout Kit.