{"id":4892,"date":"2015-03-10T10:46:59","date_gmt":"2015-03-10T07:46:59","guid":{"rendered":"http:\/\/blog.cs-cart.com\/"},"modified":"2024-05-30T14:37:01","modified_gmt":"2024-05-30T10:37:01","slug":"your-own-page-layout-in-cs-cart-4-3-1","status":"publish","type":"page","link":"https:\/\/www.cs-cart.com\/blog\/your-own-page-layout-in-cs-cart-4-3-1\/","title":{"rendered":"Your Own Page Layout in CS-Cart 4.3.1"},"content":{"rendered":"\n

Hi!<\/p>\n\n\n\n

Today we\u2019ll tell you how to make your own layout of each storefront page in CS-Cart 4.3.1<\/strong>.<\/p>\n\n\n\n

\"Layout\"\/<\/figure>\n\n\n\n

In CS-Cart, store admins arrange storefront content. They do it on the Design \u2192 Layouts<\/strong> page of the administration panel.<\/p>\n\n\n\n

The Design \u2192 Layouts page shows available layout pages<\/em>. Each layout page consists of four containers: Top panel<\/strong>, Header<\/strong>, Content<\/strong>, and Footer<\/strong>. These containers have blocks that carry content. Customers see blocks\u2019 content on the storefront.<\/p>\n\n\n\n

\"Layout<\/figure>\n\n\n\n

To learn more about layouts in CS-Cart watch this video tutorial.<\/p>\n\n\n\n

In CS-Cart 4.2.4 and earlier, layout pages inherit blocks in Top panel<\/strong>, Header<\/strong>, and Footer<\/strong> from the Default layout page. It means that the store admin cannot manage blocks in these containers in a particular layout page. That\u2019s why all storefront pages in 4.2.4 have a uniform layout.<\/p>\n\n\n\n

In CS-Cart 4.3.1 we unlocked the Top panel<\/strong>, Header<\/strong>, and Footer<\/strong> containers on all layout pages. A store admin is free to add, replace, or delete blocks in these containers. By doing this, the admin creates a unique layout for each store page.<\/p>\n\n\n\n

For example, compare the Products layout page in 4.2.4 and 4.3.1. In 4.2.4 the containers are locked; in 4.3.1 they are unlocked:<\/p>\n\n\n\n

\"Compare\"\/<\/figure>\n\n\n\n

To unlock a container, click the Set custom configuration<\/strong> link on it:<\/p>\n\n\n\n

\"Set<\/figure>\n\n\n\n

Blocks will appear in the container. For example, to remove quick links from the top panel on the product details pages, switch to the Products<\/strong> layout page and deactivate the Quick links block:<\/p>\n\n\n\n

\"Deactivate<\/figure>\n\n\n\n
\n\n\n\n

We\u2019d like to hear your opinions about this new feature. Do you find it useful for your store? Share your thoughts in the comments.<\/p>\n\n\n\n

Follow us on Facebook<\/a> and Twitter<\/a> so you don\u2019t miss CS-Cart news and announcements.<\/p>\n\n\n\n

Bye!<\/p>\n\n\n\n

\n
\n

Follow CS-Cart news & promotions<\/h2>\n

 <\/p>\n