Difference between revisions of "Layout"

From Phoenix Cart User Guide
(Created page with "<div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-admin">{{#fas:cog}} Administration</div> <hr> From admin go to File:adminnavba...")
 
Line 1: Line 1:
 
<div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-admin">{{#fas:cog}} Administration</div>
 
<div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-admin">{{#fas:cog}} Administration</div>
 
<hr>
 
<hr>
−
From admin go to [[File:adminnavbarmod.png|link=]] '''Modules &rarr; Content''' - you will see this:
+
From admin go to [[File:adminnavbarmod.png|link=]] '''Modules &rarr; Layout''' - you will see this:
 
<div class="mainpage_box">
 
<div class="mainpage_box">
 
[[File:modulescontent.png|link=|1500px]]
 
[[File:modulescontent.png|link=|1500px]]
 
</div>
 
</div>
−
*This list shows all the content modules installed in the shop by default.
+
*This list shows all the layout modules installed in the shop by default.
 
*They are sorted into '''Groups''' according to on which page they display.
 
*They are sorted into '''Groups''' according to on which page they display.
 
*They are also sorted by the '''Sort Order''' in which they are displayed on the page in relation to each other.
 
*They are also sorted by the '''Sort Order''' in which they are displayed on the page in relation to each other.
Line 15: Line 15:
  
 
*Most groups are self explanatory.
 
*Most groups are self explanatory.
−
**'''account''' refers to the page showing customer details and history they can access when they are logged in.
 
−
**'''checkout_success''' refers to the page shown to a customer when they have completed an order.
 
−
**'''footer''' refers to the static element shown at the bottom of every page.
 
−
**'''footer_suffix''' refers to the static element shown below the footer.
 
−
**'''header''' refers to the static element that shows at the top of every page.
 
−
**'''index''' refers to the front home page.
 
−
**'''index_nested''' refers to a page that lists categories or sub-categories.
 
−
**'''index_products''' refers to a page that lists products.
 
−
**'''log_in''' refers to the page shown when a login link is clicked or before a customer checks out.
 
−
**'''navigation''' refers to the static element that shows at the top of every page and contains the navigation bar.
 
 
**'''product_info''' refers to a page that shows a single product.
 
**'''product_info''' refers to a page that shows a single product.
−
**'''shopping_cart''' refers to the shopping cart page.
+
 
  
  

Revision as of 17:16, 13 November 2022

Back
Administration

From admin go to Adminnavbarmod.png Modules → Layout - you will see this:

Modulescontent.png

  • This list shows all the layout modules installed in the shop by default.
  • They are sorted into Groups according to on which page they display.
  • They are also sorted by the Sort Order in which they are displayed on the page in relation to each other.
  • The Active column shows if they are enabled (currently displayed) on the page - green if they are enabled - red if they are disabled.



  • Most groups are self explanatory.
    • product_info refers to a page that shows a single product.



  • Click the item in the Modules column list to select it.
  • Click Edit to open the edit panel.
  • Change the setting for Enable... Module to False.
  • Click Save
  • The Active column button will change from green to red to show it has been disabled.



  • The display width of most content modules can be changed.
    • Click the item in the Modules column list to select it.
    • Click Edit to open the edit panel.
    • Change the Content Width setting according to the instructions shown.
    • Click Save



  • To install additional content modules:
    • Click Install Module shown top right of screen - the number shown next to it indicates the number of modules available.
    • Click a module to use from the list.
    • Click Install Module
    • Click Edit
    • Choose a Content Width setting according to the instructions shown.
    • Enter a Sort Order value to order the display of the module in relation to the other modules in the same group.
      • Do not leave 0 as the Sort Order on modules as it can cause problems.
      • You can give it any number but note and follow the convention used as default which is helpful.
    • Click Save



Tip: If you don't want to show a module, you can either disable (hide) it or remove (uninstall) it.

When playing with the design, it's a good option to disable it, as it saves the settings it has been given, meaning it will be exactly the same as it was if you choose to enable it again later.

However, this also means that it is loaded completely with every page, which in extreme circumstances might slow down your website

If you are sure you don't want to use a module, it is better to remove it than to hide it.


Construction.png
This page is in progress
Please visit again soon for additions and changes

Phoenix Cart User Guide, like CE Phoenix Cart, is free to use but is maintained by unpaid volunteers.

Code references are licensed under a Commons Attribution-NonCommercial-ShareAlike 2.0 UK: England & Wales License.
All other content is the reserved Intellectual Property and Copyright of phoenixcart.org
Retrieved from ‘https://phoenixcart.org/phoenixcartwiki/index.php?title=Layout&oldid=4440’