Difference between revisions of "Bootstrap Setup"

From Phoenix Cart User Guide
Line 23: Line 23:
 
</div>
 
</div>
  
CE Phoenix is set with '''container-fluid''' as default.
+
CE Phoenix is set with '''container-fluid''' as default which displays the shop 100% of the device screen width.
 
<div class="mainpage_box">
 
<div class="mainpage_box">
[[File:containerfluid.png|link=|1500px]]
+
[[File:shop.png|link=|1500px]]
 
</div>
 
</div>
Change the setting from '''container-fluid''' to '''container''' will reduce the webpage width to a central display with side margins.
+
Change the setting from '''container-fluid''' to '''container''' will reduce the webpage width according the device used to view it.
 
<div class="mainpage_box">
 
<div class="mainpage_box">
 
[[File:container.png|link=|1500px]]
 
[[File:container.png|link=|1500px]]

Revision as of 17:32, 15 December 2019

<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.

Shop.png

Change the setting from container-fluid to container will reduce the webpage width according the device used to view it.

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