Difference between revisions of "Navbar Modules"

From Phoenix Cart User Guide
 
(4 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
From admin go to [[File:adminnavbarmod.png|link=]] '''Modules → Navbar''' to see this
 
From admin go to [[File:adminnavbarmod.png|link=]] '''Modules → Navbar''' to see this
 
<div class="mainpage_box">
 
<div class="mainpage_box">
[[File:modulesnavbar.png|link=]]
+
[[File:modulesnavbar.jpg|link=|1500px]]
 
</div>
 
</div>
  
 +
The modules installed by default show on the store like this:
  
*There are 3 modules installed by default.
+
<div class="mainpage_box">
 +
[[File:modulesnavbar-store.jpg|link=|1500px]]
 +
</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.
+
==='''Hamburger'''===
*'''Shopping Cart''' displays the customer's cart contents in a drop down menu.
+
By default, '''Hamburger''' only shows if the shop is viewed on a small screen/viewport like this:
**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 small screen/viewport.
 
**The other modules (except '''Brand''') will not appear if the store is viewed on a small screen.
 
**The '''Hamburger''' is a menu that will display those other modules when clicked to see this:
 
 
<div class="mainpage_box">
 
<div class="mainpage_box">
[[File:navbarmobile.png|link=]]
+
[[File:navbarhamburger.jpg|link=]]
 
</div>
 
</div>
  
*Other modules can be installed.
+
The other modules (except '''Brand''' and '''Shopping Cart''') will not appear if the store is viewed on a small screen.
**'''Account'''
+
The '''Hamburger''' is a menu that will display those other modules when clicked to see this:
***Shows a link to the '''Login''' page and to customer details and history when they have logged in.
+
 
**'''Currencies'''
+
<div class="mainpage_box">
***Shows a list of available currencies to use in the shop.
+
[[File:navbarmobile.jpg|link=]]
**'''Home'''
+
</div>
***Shows a link to the front home index page of the shop.
+
 
**'''Languages'''
+
The default behaviour for when the '''Hamburger''' shows can be changed by editing the settings for the '''Navigation Bar'''.
***Shows a list of available languages to use in the shop.
+
 
**'''New Products'''
+
Go to '''Modules &rarr; Content''', select '''Navigation Bar''' in the list and edit the '''Collapse''' setting.
***Shows a link to a page of products sorted by how recently they have been added to the shop - '''products_new.php'''
+
 
**'''Special Offers'''
 
***Shows a link to the page of products that have a special price - '''specials.php'''
 
**'''Testimonials'''
 
***Shows a link to a page showing customer testimonials.
 
  
 +
----
 +
==='''Brand'''===
  
 +
'''Brand''' displays your '''Mini Logo''' as defined in '''Configuration &rarr; Store Logo'''
 +
 +
 +
----
 +
==='''Edit/Install Modules'''===
  
 
*To install other modules:
 
*To install other modules:
Line 46: Line 49:
 
**Click <span class="btn-yellow">Install Module</span>
 
**Click <span class="btn-yellow">Install Module</span>
 
**Click <span class="btn-yellow">Edit</span>
 
**Click <span class="btn-yellow">Edit</span>
**Choose a '''Content Placement Group''' option to display on the left or right of the Navigation Bar.
+
**Choose a '''Content Placement Group''' option to display on the Home, Left, Center or Right of the Navigation Bar.
**Enter a value for '''Sort Order''' to change its position on the Navigation Bar
+
**Enter a value for '''Sort Order''' to change its position within the Content Placement Group.
 
**Click <span class="btn-green">Save</span>
 
**Click <span class="btn-green">Save</span>
  
  
 
----
 
----
*The appearance, colour and behaviour of the Navigation Bar can also be changed.
 
**From admin go to '''Modules &rarr; Content'''
 
**Click '''Navigation Bar''' in the list to select it.
 
**Click <span class="btn-yellow">Edit</span>
 
**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'''
 
**It is best to have a play with these options and have a look on the shop to see the results you require.
 
 
----
 
 
  
 
'''Tip:'''
 
'''Tip:'''

Latest revision as of 09:30, 24 November 2024

Back
Administration

From admin go to Adminnavbarmod.png Modules → Navbar to see this

Modulesnavbar.jpg

The modules installed by default show on the store like this:

Modulesnavbar-store.jpg



Hamburger

By default, Hamburger only shows if the shop is viewed on a small screen/viewport like this:

Navbarhamburger.jpg

The other modules (except Brand and Shopping Cart) will not appear if the store is viewed on a small screen. The Hamburger is a menu that will display those other modules when clicked to see this:

Navbarmobile.jpg

The default behaviour for when the Hamburger shows can be changed by editing the settings for the Navigation Bar.

Go to Modules → Content, select Navigation Bar in the list and edit the Collapse setting.



Brand

Brand displays your Mini Logo as defined in Configuration → Store Logo



Edit/Install Modules

  • To install other modules:
    • 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 Home, Left, Center or Right of the Navigation Bar.
    • Enter a value for Sort Order to change its position within the Content Placement Group.
    • 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.



Many Addons and Extensions available in the CE Phoenix Cart Addons Library

If help is needed, support is available in the CE Phoenix Cart Support Forum

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