Joomla, OpenCart...Themes & News

We deliver a wide range of template and extension for Joomla, OpenCart, Shopify. We update our products frequently on this blog so that you can find what you need here.
For more options, please visit our main page: http://www.smartaddons.com/

Be the Master of OpenCart Layout | OpenCart 3.x & 2.x Tutorial

Posted by on in OpenCart
  • Font size: Larger Smaller
  • Hits: 1396
  • 0 Comments
  • Subscribe to this entry
  • Print

As we known that website layout defines a website's structure including the content, the way it looks, and the way it works. By understanding the website layout you will have an overall look on your website as well as easily manage, customize it. In this tutorial, we will discuss about layout in OpenCart by exploring the Core Layouts in it and creating a new layout then associating it to products, categories and modules.

In OpenCart, layout is very useful to assign different modules to the page. Besides, OpenCart also allows to create new layouts and override the default layouts assigned to the different pages.

Must Remember Layout Sections

There are some important sections that you must remember in managing OpenCart Layouts: route assignment and module assignment. Lets take the home layout for example.

Lets Be the Master of OpenCart Layout | OpenCart 3.x & 2.x Tutorial

Route Assignment

For example, set the Route Assignment value to "common/home". Whenever there's a URL containing "common/home" in the front­-end page, it'll activate all the modules assigned to this layout during the home page request in the front­-end.

Module Assignment

This section contains all the modules which are already configured to be displayed on the home page.

Create a New Layout in OpenCart 3.x & 2.x

1. Navigate to System > Layouts in OpenCart admin panel. Click the Add New (+) button.

Lets Be the Master of OpenCart Layout | OpenCart 3.x & 2.x Tutorial

2. Fill the required information.

Lets Be the Master of OpenCart Layout | OpenCart 3.x & 2.x Tutorial

3. Click Save button

Assign Module to the page’s Layout

1. Click on the Add module button.

Lets Be the Master of OpenCart Layout | OpenCart 3.x & 2.x Tutorial

2. Select the module you would like to assign and choose its position.

Lets Be the Master of OpenCart Layout | OpenCart 3.x & 2.x Tutorial

3. Click Save at the top right:

Associate Layouts With Products, Categories

1. Go to Catalog > Products, select to edit the product you want, "Balltip nullaelit" for example.

Lets Be the Master of OpenCart Layout | OpenCart 3.x & 2.x Tutorial

2. Go to the Design tab, find Layout Override option. Select the layout you want in the drop­-down box . Then Save the product.

Lets Be the Master of OpenCart Layout | OpenCart 3.x & 2.x Tutorial

Briefly, by understanding the layout structure in OpenCart, how it works, you can totally manage your website as well as easily customize the website template as your wishes. If you have any comments, feel free to share it with us.

Last modified on
Rate this blog entry:

SmartAddons specialize in products for Joomla. Up to now, we've had 100+ Professional Joomla Templates and 200+ Professional Joomla Extensions which are built-in with the latest standards plus optimized to satisfy customers' demands.
Our products are steadily updated to adapt any future Joomla release versions. With our design, you can build complex templates in the fastest way as well as use them for various purposes.
Our supporting team is always ready to answer any question or problem - we're here to help!
Join us now to catch up our latest news!

Comments

  • No comments made yet. Be the first to submit a comment

Leave your comment

Guest Friday, 29 March 2024

Shortcuts

Wohnung Löbau Auf wohnen-in-loebau.de finden Sie bestimmt Ihre neue Wohnung in Löbau.