Page Layout Options

Overview

The Page Layout Options add-on allows you to configure templates for a detailed product page, catalog page, and product blocks. It adds additional templates that let you hide/show elements, like Add to cart button, Rating, Price, Discount label, etc., thus giving you the ability to customize the product pages and product blocks up to your needs.

You can go with the minimalist style and show as few elements as possible:

Or can choose to make the block/page as informative as possible:

The new configurable templates will do the trick:

Compatibility

The add-on is compatible with CS-Cart and Multi-Vendor 4.4.1 and above.

Don’t know what archive to download to install the add-on? Read here.

Support

This add-on is developed and published by Simtech Development Ltd., a CS-Cart developer. You are guaranteed a quality add-on supported by the future versions. If you need help, please contact us via our help desk system.

Demo

Check out the Page Layout Options add-on in our demo store.

Note

Every half an hour the demo store is reset to the default state.

Managing in the admin panel

Installing the add-on

Install the Page Layout Options add-on on the add-ons list page (Add-ons → Manage add-ons). Click the + button in the top right corner, select an archive and click Upload & install. You can now find the installed add-on in the list of installed add-ons, just make sure it is set to Active.

Setting up the product details page

Step 1. First, you want to set a configurable template for the product page as the default templates—the big picture and default template—for a product details page are not customizable, you cannot hide any elements from the page. To do so, in the admin panel, go to Settings > Appearance. Find the Product detailed page view setting. You should see two new templates: SD: Customizable template and SD: Customizable big picture.

These templates have the same layout as the default ones, but allow you to hide the necessary elements from the page. Choose the one you would normally use:

SD: Customizable template

or SD: Customizable big picture

Step 2. Go to Add-ons > Manage add-ons and open the settings of the add-on. Switch to the Product details page tab. Select the elements you want to show and clear the boxes of the elements you want to hide. Click Save.

Here’s the example of the product page with minimum number of elements possible:

Setting up the products list page

Step 1. Set a configurable template for the products list page. Go to Settings > Appearance. Find the Products list layouts settings section. You should see three new templates: SD: Customizable grid, SD: Customizable list and SD: Customizable compact list. Select the templates you want to use and set the Product list default view. Click Save.

SD: Customizable grid

SD: Customizable list

SD: Customizable compact list

Step 2. Go to Add-ons > Manage add-ons and open the settings of the add-on. In the Product details page tab, select the elements you want to show and clear the boxes of the elements you want to hide. Click Save.

Note

Some of the elements cannot be shown on particular templates. Pay attention to the tooltip next to the setting that will inform you about that. For example, you cannot show SKU on SD: Customizable grid template.

Setting up products blocks

  1. Go to Design > Layouts, choose the product block you want to customize and open its options.
  1. In the General tab, select a desired template from the list.

There will be three new templates:

SD: Customizable grid

SD: Customizable scroller

SD: Customizable products

  1. Click Save.
  2. Go to Add-ons > Manage add-ons and open the settings of the add-on.
  3. Switch to the Product blocks tab, select the elements you want to show and clear the boxes of the elements you want to hide.

Note

Some of the elements cannot be shown on particular templates. Pay attention to the tooltip next to the setting that will inform you about that. For example, you cannot show SKU on SD: Customizable grid template.

  1. Click Save.
  2. Check the changes on the storefront.

Setting up a page of a particular product

If you’d like to configure the page of a particular product, not for all products, open the settings of the product in the admin panel and set Product details view.

Setting up a page of a particular category

If you’d like to configure the page a particular category, not for all categories, open the settings of the category in the admin panel and set Default category view, as well as Available views.