Difference between revisions of "Bootstrap Setup"

From Phoenix Cart User Guide
Line 1: Line 1:
 
<div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-admin">{{#fas:cog}} Administration</div>
 
<div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-admin">{{#fas:cog}} Administration</div>
 
<hr>
 
<hr>
 
+
__TOC__
 
+
__FORCETOC__
 
Phoenix looks great as it is but the page width can be changed if desired.
 
Phoenix looks great as it is but the page width can be changed if desired.
  
Line 28: Line 28:
 
[[File:shop.png|link=|1500px]]
 
[[File:shop.png|link=|1500px]]
 
</div>
 
</div>
 
  
 
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.
 
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.
[[File:bootstrapcontainer.png|link=|1500px]]
+
[[File:bootstrapcontainer.jpg|link=|1500px]]
  
  
Line 47: Line 46:
  
 
<hr>
 
<hr>
{{Page_In_Progress}}
+
{{Forum}}
 +
{{Pro}}
 
{{Contribute}}
 
{{Contribute}}

Revision as of 11:51, 1 November 2024

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


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.



Many Addons and Extensions available in the CE Phoenix Cart Addons Library

If help is needed, support is available in the CE Phoenix Cart Support Forum

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