Home > Design > How do I edit the sidebar?

Q.How do I edit the sidebar?

Views: 3,529

You can edit the sidebar at DesignLayout. Depending on your design template, sidebar settings will be different.

Responsive templates:

On responsive templates, there will be a section near the top of the page where you can edit where the sidebar is displayed. Select Disable if you do not want a sidebar at all. Select Left or Right

image

Scroll down to the Main area section. There will be a image (View side menu) button in the customizable section. Click it.

image

The sidebar will open:

image

Now you can drag items in and out of the sidebar. To configure elements within the sidebar, click the image, image, or image icons. Click the image (View unused elements) button to see a full list of existing elements you can add to the sidebar.

Once you're done editing everything, click image (Save) at the bottom of the main Layout page.

HTML5 templates:

On PC-only HTML5 templates, there will be a section titled Number of columns near the top of the page.

image

If you do not want a sidebar, select 1 column. Select 2 columns for one sidebar, or 3 columns if you want two sidebars, with one on the left and one on the right.

When selecting 2 columns, the next section of the page is titled Sidebar alignment. Here, you can decide whether you want the sidebar to be on the left or right.

When selecting 3 columns, the next section of the page is titled Sidebar alignment on subpages. Pages aside from the main page of your store will display only one sidebar, and this section allows you to choose whether it should be on the left or right.

Next, scroll down to the Main area section. It should look something like this:

image

The circled area is the sidebar. Where it is displayed/how many sidebars there are will depend on your settings above. As with responsive template configuration, you can drag and drop elements in and out of the sidebar, click the image (View unused elements) button to view a list of existing elements you can add, or click the image, image, or image icons to configure element contents.

Click image (Save) when you're finished editing.

XHTML templates:

In XHTML, navigate to the DesignPage layout page. In the Number of columns section, select whether you want one or two sidebars. It is impossible to disable the sidebar on an XHTML layout.

image

The next section is titled Left column only. In this column, you can configure the elements you want to enable or disable in the sidebar (the Status column), as well as change their sort order (Sort**).

image

The section after this is titled Other fields. Here, you can use the Display position column to select whether elements should be in the left or right sidebars, or in the main center area, as well as the same Status and Sort columns as in the Left column only section.

image

As with other template types, please make sure you click image (Save) after you finish making changes.

Last update: 19 Mar 2018 14:14