How To: Create a Page with Custom Structure

This article explains how to create service pages in the store (for example, return policy, etc.) and how to change their appearance.

Step 1. Create the Page

Let’s imagine you want to publish new content, but there is no suitable page for it in your store. CS-Cart and Multi-Vendor let you create new pages:

  1. Go to Website → Pages.
  2. Click the + button at the top right corner and select Add Page.
  3. Fill in the required fields. There are many fields, but the main ones are “Name” and “Description”.
  4. Click Create.

Step 2. Сustomize the Look and Feel of the Page

In CS-Cart, a layout page determines the structure of a certain page, the arrangement of blocks on it, etc. That’s why we’ll add a layout page for our newly-created page.

  1. Click the gear button next to the layout page name. This will open the settings of the layout page.

  2. On the General tab, set Dispatch to View page.

    Creating a layout page.
  3. Add the page created in Step 1 via the + Add pages button on the Pages tab.

  4. Configure other settings of the General tab as you see fit.

Now start customizing the look and feel of the page. To make your page clear and user-friendly for customers, add blocks and arrange them correctly.

Important

Customers will immediately see all changes made in the main layout. To avoid this, create a test layout and edit pages there. Upon completion of the changes, make the test layout the main (default) one.

It is important to add the Main Content block to the new layout page, because it is responsible for the key content of the page. Other blocks you can add include Breadcrumbs, Recently Viewed, etc. Arrange blocks as you need—the changes will appear only on your page. This will help users to navigate your store faster and easier.

Step 3. Add the Page to the Menu

The page has been created and customized. But until we provide a link to it, the buyer won’t be able to find it. You need to decide where it is better to place the page.

Depending on the page’s content, it can refer to different elements of the store and be part of different menus. Here is one of the ways to add an item to the menu:

  1. Go to Design → Menus.
  2. Choose any of the existing menus. Add an item to the menu via the + button at the top right corner.
  3. Enter the name of the page.
  4. In the Generate submenu setting, select Page, then click + and add created page.
  5. Tick the “Use the “Link text” and “URL” values from this item in the storefront” checkbox.
  6. Click Create.

The screenshot shows how our page (titled “Additional Services”) might look like in the Quick links menu.

New page in the "Quick links" menu.

Big CS-Cart Update is Here Experience the New Admin Panel with Dark Theme