Category Page
Product List Layout
Product Detail Layout
We have many different Product list layout options available
-
Two, three, or four column layouts with thumbnails
-
Column layouts with list prices and/or buy now buttons
- Vertical list layouts
-
Single page carts, and more
The demo site has a examples of some of the layouts available for use
Change to another Product list layout easily
Layouts can be easily changed at a later date without the need to set you cart up from scratch, simply select another layout from the available list or contact us to create a customised layout for you (fees may apply for customised work).
By default the categories layout uses the same layout as the product list layout chosen, but you can override this via the Ecommerce > Display Options area.
To change your Product list layout
- Click the Ecommerce button, then click the grey Layout button at the top right of the editor.
- From there select one of the layout options. Most of these options have a sample view and explanation of their function (the type of information that will be displayed etc)
The layout tab can be found at the top-right of the main editor window.
The Product detail layout
Your product detail layout page contains additional detail about the product when a customer clicks the product in the product list. The page layout allows for form information to be displated below the product in tabs or free-format.To change your Product detail layout
- Click the ECOMMERCE button, then click the CUSTOMISE DISPLAY OPTIONS button, found in the display options area.
- From there click the Change Product Page Layout button, found in the Main/Category List Page Display Options section to bring up the list of different layout options.
The customise display options button (top left) is found under the Customise Display Options area.
The Change Product Page Layout option is found to the right in the Main / Category List Page Display Options
Some of the different product detail layouts (sub-page layouts) available
To further customise your Categories layout
- Click the ECOMMERCE button, then click the CUSTOMISE DISPLAY OPTIONS button, found in the display options area.
- From there select one of the layout options. Most of these options have a sample view and explanation of their function (the type of information that will be displayed etc)
You can change the Categories Format to something different than the default product list layout via the Main / Category List Page Display Options section.
To further customise the Shopping page
- Click the ECOMMERCE button, then click the CUSTOMISE DISPLAY OPTIONS button, found in the display options area.
- From here you can customise your product details, category and checkout pages
More From This Section
FAQ Topics
The Basics
Building your site
- Pages
- Content Editor Modes Explained
- - DRAG DROP Editor (Default)
- - CONTENTBOX Editor (Advanced)
- - WORD STYLE Editor (TinyMCE)
- - LIVE Editor (Click to Edit Mode)
- Styling Content
- Images / Backgrounds
- Banners and Sliders
- Uploading content
- Design Templates
- Forms
- More Q & A
- Menus
- Mobile Styling and Optimisation
Advanced Page Types
E-Commerce
- Shopping Basics
- Category Management
- 产品
- Product Options
- Layout and Formatting
- 付款方式
- Processing Orders
- Advanced Ecommerce
- Product Pricing, Currencies
- Plugins
- Wholesale
- Bookings Management System
- Freight - Couriers
- Stock & Quantities
- Vouchers, Discounts, Loyalty Points
- Selling Photos / Prints
- Shopping Cart Add-on Page types
- Advanced APIs / Add ons
- 销售点（POS）
- Reports
- Orders / Invoices
Email & Membership
- Member Management
- Members Pages / Template Customisations
- From Addresses and Reply To Email Notifications
- Global Enquiry form options
- Standard Field Names
- Webmail
- Bulk Email
- CRM Features
- Email Campaigns
- Forums & Blogs
- Pop3/Imap Email Services
- Scams and Hoaxes
- Lead Magnets / Growing Your Customer Database
Promoting your site
Advanced
- Power User Options
- Form Spam Filtering
- Wordpress
- PHP Setup
- [TAGS]
- jQuery snippets
- Search External Links / Import external content
- HTML / CSS Snippets
- Embedding Web Fonts
- Loading additional Material Symbols styles
- FAQ Help Map
- Uploading local font files
- Advanced Template Customisation, CSS, etc
- Languages and Translations
