Difference between revisions of "Navbar Modules"

From Phoenix Cart User Guide
Line 2: Line 2:
 
<span class="btn-grey" style="color:#0088dd;">'''[[ADMINISTRATION|&#x1F809; ADMINISTRATION]]'''</span>
 
<span class="btn-grey" style="color:#0088dd;">'''[[ADMINISTRATION|&#x1F809; ADMINISTRATION]]'''</span>
 
<hr>
 
<hr>
 
 
From admin go to '''Modules &rarr; Navbar Modules''' to see this
 
From admin go to '''Modules &rarr; Navbar Modules''' to see this
 
<div class="mainpage_box">
 
<div class="mainpage_box">
 
[[File:modulesnavbar.png|link=]]
 
[[File:modulesnavbar.png|link=]]
 
</div>
 
</div>
 
+
*There are 3 modules installed by default which display on the shop like this:
*Click <span class="btn-blue">Install Module</span>
+
<div class="mainpage_box">
*Click '''Account''' in the list to select it.
+
[[File:navbar.png|link=]]
 +
</div>
 +
*'''Brand''' displays your '''Store Name''' as defined in '''Configuration &rarr; My Store'''
 +
**The setting for '''Content Placement Group''' is '''Home''' to display it on the far left - this placement can not be changed.
 +
*'''Shopping Cart''' displays the customer's cart contents in a drop down menu.
 +
**The setting for '''Content Placement Group''' is '''Right''' to display it on the right - this can be changed if required.
 +
*'''Hamburger''' only displays if the shop is viewed on a mobile phone.
 +
**The other modules (except '''Brand''') will not appear if the shop is viewed on a mobile phone.
 +
**The '''Hamburger''' is a menu that will display those other modules when clicked to see this:
 +
<div class="mainpage_box">
 +
[[File:navbarmobile.png|link=]]
 +
</div>
 +
*Other modules can be installed.
 +
**Click <span class="btn-blue">Install Module</span>
 +
*Click a module in the list to select it.
 
*Click <span class="btn-blue">Install Module</span>
 
*Click <span class="btn-blue">Install Module</span>
 
*Click <span class="btn-blue">Edit</span>
 
*Click <span class="btn-blue">Edit</span>

Revision as of 18:34, 22 October 2019

<historylink type="back">🠈 Back</historylink> 🠉 ADMINISTRATION


From admin go to Modules → Navbar Modules to see this

Modulesnavbar.png

  • There are 3 modules installed by default which display on the shop like this:

Navbar.png

  • Brand displays your Store Name as defined in Configuration → My Store
    • The setting for Content Placement Group is Home to display it on the far left - this placement can not be changed.
  • Shopping Cart displays the customer's cart contents in a drop down menu.
    • The setting for Content Placement Group is Right to display it on the right - this can be changed if required.
  • Hamburger only displays if the shop is viewed on a mobile phone.
    • The other modules (except Brand) will not appear if the shop is viewed on a mobile phone.
    • The Hamburger is a menu that will display those other modules when clicked to see this:

Navbarmobile.png

  • Other modules can be installed.
    • Click Install Module
  • Click a module in the list to select it.
  • Click Install Module
  • Click Edit
  • Choose a Content Placement Group option to display on the left or right of the Navigation Bar.
  • Enter a value for Sort Order to change its position on the Navigation Bar
  • Click Save

The appearance, colour and behaviour of the Navigation Bar can also be changed.

From admin go to Modules → Content

  • Click Navigation Bar in the list to select it.
  • Click Edit
  • Make a note of the default settings so they can be changed back to default if necessary.
  • Choose a colour option in Background Colour Scheme.
  • Choose an option for Link Colour Scheme
  • Choose an option for Placement, Placement Offset and Collapse
  • Have a play with these options and have a look on the webpage to see the results you require.

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