Ecwid (Premium) — Storefront — Global
Global customizes the a wide range areas inside the Storefront.
How to use
| Removables | |
|---|---|
| Header | |
| Remove Breadcrumbs | Enable this feature to remove the Breadcrumbs. |
| Remove 'Log In/Favorites' | Enable this feature to remove the Log In/Favorites. |
| Remove 'Category' From Breadcrumbs | Enable this feature to remove the Category text from the breadcrumbs. |
| Cart | |
| Use Default Cart | Enable this feature to display the default shopping cart.Tip — By default, the shopping cart will not display on the page until something has been added to the cart. |
| Default Cart Position |
|
| Product Options | |
| Remove Quantity | Enable this feature to remove the quantity input. |
| Remove In Stock/Out of Stock | Enable this feature to remove the In Stock/Out of Stock label. |
| Other | |
| Remove Preloader | Enable this feature to remove the default preloader. |
| Remove SKU | Enable this feature to remove the SKU number on every page. |
| Remove Favorites Count | Enable this feature to remove the Favorites Count for each product. |
| Layout | |
| Convert Store to Catelog | Will turn your store into a catelog of products. This typically used to showcase products that can either only be purchased in store or to showcase products that are not yet available.Tip — Enabling this feature will disable any ability to add products to the store. |
| Spacing | |
| First-Level Sections | Adjusts the spacing of First-Level Sections. |
| Second-Level Sections | Adjusts the spacing of Second-Level Sections. |
| Third-Level Sections | Adjusts the spacing of Third-Level Sections. |
| Fourth-Level Sections | Adjusts the spacing of Fourth-Level Sections. |
| Spacing After Option Labels | Adjusts the spacing after Option Labels. |
| Spacing Between Stacked Buttons | Adjusts the spacing between Stacked Buttons. |
| Panels & Input/Dropdown | |
| Panels | |
| Header | Adjusts the color of the header panels.Tip — The Header Panel background color is used in when displaying a customer's previous order and when placing an order. |
| Body/Main | Adjusts the color of the Header Panels.Tip — The Body/Main Panel background color is used on almost every page of the store. |
| Section Divider | Adjusts the color of the Section Divider in panels. |
| Input/Dropdown | |
| Height | Adjusts the Height of the Inputs. |
| Text | Adjusts the Text Color of the Inputs. |
| Background | Adjusts the Background Color of the Inputs. |
| Input/Dropdown (Border) | |
| Style | You have 2 options:
|
| Input/Dropdown (Border-Width) | |
| Edit Together | Enable this feature to keep all border widths the same. |
| Width | Adjusts the width of the top, right, bottom, and left borders. |
| Width (Top) | Adjusts the width of the top border. |
| Width (Right) | Adjusts the width of the right border. |
| Width (Bottom) | Adjusts the width of the bottom border. |
| Width (Left) | Adjusts the width of the left border. |
| Input/Dropdown (Border-Color) | |
| Edit Together | Enable this feature to edit the border color in every state. |
| Color | Adjusts the border color in every state. |
| Color (Normal) | Adjusts the border color in the normal state. |
| Color (Hover) | Adjusts the border color in the hover state. |
| Color (Active) | Adjusts the border color in the active state. |
| Popup | |
| Overlay | |
| Color | Adjusts the color of the overlay. |
| Opacity | Adjusts the opacity of the overlay. |
| Preloader | |
| Outer Color | Adjusts the color of the outer circle. |
| Inner Color | Adjusts the color of the inner circle. |
| Background Disc | Adjusts the background color of the disc. |
| Product Details | |
| Related Products | |
| Move 'Related Products' below main image | Enable this feature to move the 'Related Products' below the main product image.Tip — This feature will only work if the 'Related Products' feature is enabled inside the Ecwid Dashboard. |
| Product Description | |
| Description Max Width (px) | The maximum width of your description measured in pixels. |
| Navigation Arrows | |
| Add Navigation Arrows | Enable this feature to add arrows to navigate between products. |
| Arrow Color (Normal) | Adjusts the color of the arrow in the normal state. |
| Arrow Color (Hover) | Adjusts the color of the arrow in the hover state. |
| Arrow Color (Active) | Adjusts the color of the arrow in the active state. |
Disqus Comments