Difference between revisions of "Bootstrap Setup"

From Phoenix Cart User Guide
Line 10: Line 10:
  
 
<div class="mainpage_box">
 
<div class="mainpage_box">
[[File:bootstratsetup2.png|1500px]]
+
[[File:bootstratsetup2.png|link=|1500px]]
 
</div>
 
</div>
 
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.
 
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.
Line 18: Line 18:
  
 
<div class="mainpage_box">
 
<div class="mainpage_box">
[[File:bootstratsetup1.png|1500px]]
+
[[File:bootstratsetup1.png|link=|1500px]]
 
</div>
 
</div>
 
If all Module Boxes have been removed, the webpage will display the full width of the screen.
 
If all Module Boxes have been removed, the webpage will display the full width of the screen.
 
<div class="mainpage_box">
 
<div class="mainpage_box">
[[File:containerfluid.png|1500px]]
+
[[File:containerfluid.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. This change will only be effective if all Module Boxes have been removed.
 
Change 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.
 
<div class="mainpage_box">
 
<div class="mainpage_box">
[[File:container.png|1500px]]
+
[[File:container.png|link=|1500px]]
 
</div>
 
</div>
 
The difference in display is your own preference - whichever look you prefer - there are fans of both.
 
The difference in display is your own preference - whichever look you prefer - there are fans of both.

Revision as of 16:48, 20 October 2019

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


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:

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:

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

Containerfluid.png

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

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