Difference between revisions of "Change Layout"

From Phoenix Cart User Guide
Line 74: Line 74:
 
From admin go to '''''Configuration → Product Listing'''''
 
From admin go to '''''Configuration → Product Listing'''''
  
 +
These are the settings for the display of products within a category.
  
 +
So, again, Phoenix looks great as it is and so there is little reason to change the defaults here.
  
 +
If you do have a play, ensure you note the defaults so they can be changed back again.
 +
 +
[[File:productlisting.png]]
 +
 +
<hr>
 +
<big>'''Product Images'''</big>
  
 
From admin go to '''''Modules &rarr; Header Tags &rarr; Colorbox Script'''''
 
From admin go to '''''Modules &rarr; Header Tags &rarr; Colorbox Script'''''
  
 +
[[File:colorbox.png]]
  
 
<hr>
 
<hr>

Revision as of 17:20, 15 October 2019

<historylink type="back">🠈 Back</historylink> 🠉 SET UP SHOP


Phoenix looks great as it is but there are many easy ways to change the default layout.


Box Modules

Box Modules that show in the side columns of the webpage are installed by default.

From admin go to Modules → Boxes to see this:

Modulesboxes1.png

Module Boxes can be set to show on either the left or right column or be disabled or removed so they do not show.

  • Click on a module in the list to select it.

To change the column where the box displays:

  • Click Edit
  • Set Column Placement to either Left Column or Right Column.
  • Click Save

To disable:

  • Click Edit
  • Set Enable...Module to False
  • Click Save

To remove:

  • Click Remove Module

Alternatively, more Box Modules can be installed.

  • Click Install Module - the number shown next to the button indicates how many more modules are available.
  • Click on a module in the list to select it.
  • Click Install Module
  • Click Edit
  • Set Column Placement to either Left Column or Right Column.
  • Enter a Sort Order value to sort the boxes displayed. Do not leave 0 as the Sort Order on modules as it can cause problems.

Page Width

Again, Phoenix looks great as it is but the page width can be changed is desired.

From admin go to Configuration → Bootstrap Setup

  • Click Bootstrap Content
  • Click Edit to see this:


File:Bootstratsetup2.png

As indicated in the edit options, changing the setting from 8 will reduce the width of the page content whilst increasing the width of the Module Boxes.

  • Click Bootstrap Container
  • Click Edit to see this:


File:Bootstratsetup1.png

If all Module Boxes have been removed, the webpage will display the full width of the screen.

Then changing the setting from container-fluid to container will reduce the webpage width to a central display with side margins. This change will only be effective if all Module Boxes have been removed.

Note that if all Module Boxes have been removed an alternative module for displaying Categories (not included with Phoenix) would need to be installed if displaying Categories is desired - it would be advised.


Product Listing

From admin go to Configuration → Product Listing

These are the settings for the display of products within a category.

So, again, Phoenix looks great as it is and so there is little reason to change the defaults here.

If you do have a play, ensure you note the defaults so they can be changed back again.

Productlisting.png


Product Images

From admin go to Modules → Header Tags → Colorbox Script

Colorbox.png


🠈 Previous Step Next Step 🠊


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