What is the layout of a web store?

  • The layout is the basic structure or design outline of the pages of your web store. In simple words, the Layout is the sizing, spacing, and placement of content within a webpage.

  • Visually appealing and effective layouts will help users to find out quickly what they are looking for and also retains users on that page.

  • The available layouts are mentioned in the Select Layout page. You can choose a suitable layout for your storefront from here to display the 'Home Page' as per your merchandising requirements.

  • Hover the cursor over a 'layout' or on 'View' link of it and you will be displayed a sample page, which represents the relevant layout.

  • You can choose a layout from different available layouts of Martjack from this page that suit your design requirements.

How do I change the layout for the 'Home' page of my web store?


To change the layout for the Home page of your web store, do the following:

  • Log in to the 'Anywhere Commerce Control Panel' by using your User Name (Email Address) and Password.


 Product Column

  • You will be navigated to the 'Dashboard' page.


 Product Column

  • Click the  Product Column icon. The Design & Content section will be displayed as shown in the figure.


 Select Layout

  • Select Select Layout. You will be navigated to the Select Layout page as shown in the figure.


 Select Layout

  • Verify your current layout in the Your Current Layout section.
  • You can also find the available Layouts of MartJack in the Available Layouts section.
  • To view a sample 'Home' page created by a particular layout, hover the cursor over a 'layout' or on 'View' link of it. The sample 'Home' page will be displayed in a popup as shown in the figure.


 Select Layout

  • To select a suitable layout to your web store, click 'Select this Layout.'
  • Caution:

    • The Drag & Drop controls of relevant panes will be transferred while changing the layouts. i.e. Controls of 1st Pane of the old layout will move to the 1st Pane of the new layout.

    • If you change the layout from a higher number of panes to a lower number of panes, the controls of extra panes will not be transferred to the new layout as there are no relevant Panes. But, as and when you revert back to the old layout, you can get back all those controls in the same panes.

    • If you still want to change your layout to a new layout that is having a lesser number of panes but you want to display all controls of old layout, you can do it so by moving the controls to a required pane in case you change layouts through the Design & Content » Design Web Pages module.

  • The selected layout will be applied to the 'Home' page of your web store and you will be displayed a success message.


 Select Layout

  • You can verify the selected Layout in the Your Current Layout section.
  • To see the layout of the Home page of your web store, click View Live Store.

Learn More:


learnmore2.jpg
1. You can change the layout of only 'Home' page from the Select Layout page.

2. If you want to change your layout to a new layout that is having lesser number of Panes but if you still want to display all controls of old layout, you can do it so by moving the controls to a required pane in case you change layouts through the Design & Content » Design Web Pages tabs.

3. You can change the layout of all pages of your web store through the Design Web pages tab of the Design & Content Module.

4. You can customize the widths of different panes of the layouts of your web store through Design Web Pages tab of the Design & Content Module.
The widths given in the layout are only indicative. The actual width available for the content depends upon the Theme selection.

5. You can initially apply a layout while creating a new page through the Design Home Page tab of the Dashboard & Setup module.