Difference between revisions of "Bootstrap Setup"

From Phoenix Cart User Guide
Line 9: Line 9:
  
 
*Click '''Bootstrap Content'''
 
*Click '''Bootstrap Content'''
*Click <span class="btn-blue">Edit</span> to see this:
+
*Click <span class="btn-yellow">Edit</span> to see this:
  
 
<div class="mainpage_box">
 
<div class="mainpage_box">
Line 17: Line 17:
  
 
*Click '''Bootstrap Container'''
 
*Click '''Bootstrap Container'''
*Click <span class="btn-blue">Edit</span> to see this:
+
*Click <span class="btn-yellow">Edit</span> to see this:
  
 
<div class="mainpage_box">
 
<div class="mainpage_box">

Revision as of 16:50, 29 May 2020

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



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

From admin go to 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