Difference between revisions of "Bootstrap Setup"

From Phoenix Cart User Guide
Line 1: Line 1:
<span class="btn-grey"><historylink type="back">&#129032; Back</historylink></span>
+
<div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-admin">{{#fas:cog}} Administration</div>
<span class="btn-grey" style="color:#0088dd;">'''[[ADMINISTRATION|&#x1F809; ADMINISTRATION]]'''</span>
 
 
<hr>
 
<hr>
  

Revision as of 05:50, 25 March 2021

Back
Administration


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

From admin go to Adminnavbarconfig.png Configuration → Bootstrap Setup

  • Click Bootstrap Content
  • Click Edit to see this:

Bootstrapsetup2.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 side Box Modules.

  • Click Bootstrap Container
  • Click Edit to see this:

Bootstrapsetup1.png


CE Phoenix is set with container-fluid as default which displays the shop 100% of the device screen width like this:

Shop.png


Change the setting from container-fluid to container will reduce the webpage width according to the device used to view it as per this table. Bootstrapcontainer.png


For example, changing the setting to container and removing the side boxes gives this result.

Container.png

The difference in display is your own preference - whichever look you prefer - there are fans of both.


Note that if all Module Boxes have been removed, there are alternatives to the box modules that can be displayed elsewhere e.g. in the navigation bar or the footer but an alternative module for displaying Categories is not included with Phoenix.



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