Store CustomizationDesign Studio
Product
Set up the page buyers see for each product, including the gallery, details, buy button, tabs, related products, and banner.
The Product tab controls the page buyers see for each of your products. Settings here apply to every product. Open it at Design Studio → Product.
The preview shows your newest active product. If you don't have an active product yet, the preview shows your shop page instead. Your settings still save and apply once you add a product.
Layout
| Setting | What it does | Default |
|---|---|---|
| Image Gallery | Puts the product images Left of details or Right of details | Left |
| Gallery Navigation | How buyers move between images: Thumbnails, Dots, or None | Thumbnails |
| Sidebar | A side column with tags and categories | On |
| Sidebar: Product Tags | Shows the product's tags in the sidebar | On |
| Sidebar: Categories | Shows your categories in the sidebar | On |
Gallery Navigation updates in the preview after you save.
Product Details
Switches for what's shown next to the images. All are on by default.
- Star Rating
- Condition (New, Refurbished, and so on)
- Short Description
- Stock Count
- Share Button
Buy Box
| Setting | What it does | Limit |
|---|---|---|
| Add to Cart Button Text | The label on the main button. Default "Add to Cart". | 40 characters |
| View Cart Button | Shows a button to the cart next to Add to Cart | |
| Message Under the Button | A note shown on every product, for example "Free shipping on orders over $50". Leave empty to hide it. | 200 characters |
Tabs & Related Products
| Setting | What it does | Limit |
|---|---|---|
| Details Tab / Details Tab Label | Shows the full description tab, and its name (default "Details") | 40 characters |
| Reviews Tab / Reviews Tab Label | Shows the reviews tab, and its name (default "Reviews") | 40 characters |
| Related Products / Related Products Title | Shows similar products under the tabs, and their heading (default "Related Products") | 60 characters |
Banner
The strip above every product. It uses your Shop banner image, which you change on the Shop tab.
| Setting | Options |
|---|---|
| Style | Image (default), Solid color, Simple title, or Hidden. See Banner settings. |
| Height | Compact, Standard (default), or Tall |
Click Save in the top bar when you're done.