Shop
Choose how products are listed on your shop, category, and search pages, and set up page banners.
The Shop tab controls the pages where buyers browse your products: the shop page, category pages, and search results. Open it at Design Studio → Shop.
Product Listings
These settings apply to the shop, category, and search pages.
| Setting | What it does | Default |
|---|---|---|
| Products per Row (desktop) | 2, 3, or 4 products per row on large screens | 3 |
| Result Count | Shows a line such as "Showing 1–12 of 40 results" | On |
| Sort Menu | Lets buyers sort products, for example by price | On |
| Grid / List Toggle | Lets buyers switch between grid and list view | On |
| Star Ratings | Shows each product's rating under its name | On |
Banners
The banner is the strip with the page title at the top of a page. This tab has two banner cards:
| Banner | Where buyers see it | Default title |
|---|---|---|
| Shop | Shop and category pages. Its image is also used on product pages. | Shop All Products |
| Search | Search results page | Search |
The Cart, Checkout, About, and Contact banners work the same way and are set on their own tabs.
Banner settings
Each banner card shows only the settings its style uses.
| Setting | What it does |
|---|---|
| Style | Image (default) shows a photo behind the title. Solid color uses your banner colors instead of a photo. Simple title shows just the title on your page background. Hidden removes the banner. |
| Height | Compact, Standard (default), or Tall |
| Upload / Choose from library | Upload your own image (max 5 MB; JPG, JPEG, PNG, BMP, SVG, or WebP), or pick one of E2C's stock banner images. Image style only. |
| Title | The text shown on the banner. Up to 80 characters. If left blank, the default title is used. |
| Title Position | Left, Center (default), or Right |
| Image Darkening | How much the image is darkened so the title stays readable, from 0% (none) to 85%. Default is 35%. Image style only. |
Banners set to Solid color all share one Banner Color and Banner Text color, set once in Style → Colors. The note in each banner card links there.
Use a wide image (around 1920 × 400 px) with the main subject in the center. The image fills the banner and the edges may be cropped on smaller screens.
Click Save in the top bar when you're done.