How to add a product in small customised layout to a page

CMS > eCommerce
1

NOTE MAKE SURE YOU HAVE CURRENCY SET UP CORRECTLY TO START WITH.

  1. Customise the layout in Products, Edit Settings. It is a good idea to rename the layouts to show which are for Catalog and which are for Products as layouts for both areas are in this area. Go into the layout you want to customise or create a new one.

  2. To add product fields to the layout click on Properties button to get the field codes. Add css as required to style layout.

  3. You will need to add this code to show an image properly:
    Image code

  4. You will need to add this code to show the price properly:
    price code

NOTE THIS CODE MAY SHOW 4 ZEROS AFTER THE PRICE. If so, use this code instead:
price code 2

  1. Go to page where you want to insert the code. Click in the code where you want the product to show. Go to Components and select eCommerce/Products list

  2. Select Layout, in Filter by select the word Name, in Sort by select the actual name of the product.

  3. Code will be produced at the bottom of the Components screen. Copy it and insert on the page.

  4. Publish page and check layout is what you wanted in the browser.

2 Likes