Difference between revisions of "Product Listing"

From Phoenix Cart User Guide
Line 8: Line 8:
  
 
Phoenix looks great as it is but there are options to change the layout if required.
 
Phoenix looks great as it is but there are options to change the layout if required.
To edit an item.
+
To change any setting:
Click the item in the list to select it.
+
*Click the item in the '''Title''' column list to select it.
Click it again to open the edit panel.
+
*Click it again to edit.
 
+
*Change the settings in the edit panel.
 +
*Click <span class="btn-blue">Save</span>
 +
----
 
*'''Product Card Layout'''
 
*'''Product Card Layout'''
 
**The product listing displays a layout of products in separate elements or '''cards''' which are part of the responsive mobile friendly Bootstrap system that is part of Phoenix.
 
**The product listing displays a layout of products in separate elements or '''cards''' which are part of the responsive mobile friendly Bootstrap system that is part of Phoenix.
Line 17: Line 19:
 
**'''card-group''' displays the cards with no margin between them.
 
**'''card-group''' displays the cards with no margin between them.
 
**'''card-columns''' is a Bootstrap option but does not work well with most shops.
 
**'''card-columns''' is a Bootstrap option but does not work well with most shops.
*Products In Each Row (SM)
+
*The number of cards to show in each row i.e. across the width of the screen defaults to '''1''' for mobile phones.
*Products In Each Row (MD)
+
*This can otherwise be set for each screen size.
*Products In Each Row (LG)
+
**Products In Each Row (SM)
*Products In Each Row (XL)
+
**Products In Each Row (MD)
 +
**Products In Each Row (LG)
 +
**Products In Each Row (XL)
 +
 
 
Sort Option: Manufacturer Name (0=disable; 1=enable)
 
Sort Option: Manufacturer Name (0=disable; 1=enable)
 
Sort Option: Model (0=disable; 1=enable)
 
Sort Option: Model (0=disable; 1=enable)

Revision as of 09:27, 20 October 2019

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


From admin go to Configuration → Product Listing to see this:

Productlisting.png

Phoenix looks great as it is but there are options to change the layout if required. To change any setting:

  • Click the item in the Title column list to select it.
  • Click it again to edit.
  • Change the settings in the edit panel.
  • Click Save

  • Product Card Layout
    • The product listing displays a layout of products in separate elements or cards which are part of the responsive mobile friendly Bootstrap system that is part of Phoenix.
    • card-deck, set as default, displays the cards separated by a margin gap between them.
    • card-group displays the cards with no margin between them.
    • card-columns is a Bootstrap option but does not work well with most shops.
  • The number of cards to show in each row i.e. across the width of the screen defaults to 1 for mobile phones.
  • This can otherwise be set for each screen size.
    • Products In Each Row (SM)
    • Products In Each Row (MD)
    • Products In Each Row (LG)
    • Products In Each Row (XL)

Sort Option: Manufacturer Name (0=disable; 1=enable) Sort Option: Model (0=disable; 1=enable) Sort Option: Name (0=disable; 1=enable) Sort Option: Price (0=disable; 1=enable) Sort Option: Stock (0=disable; 1=enable) Sort Option: Weight (0=disable; 1=enable) Sort Option: Latest Added (0=disable; 1=enable) Sort Option: Sales (0=disable; 1=enable) Product Image (defunct) Buy Now column (defunct) Display Category/Manufacturer Filter (0=disable; 1=enable) Location of Prev/Next Navigation Bar (1-top, 2-bottom, 3-both)



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