Difference between revisions of "Product Listing"

From Phoenix Cart User Guide
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
<span class="btn-grey"><historylink type="back">&#129032; Back</historylink></span>
+
<div class="btn btn-grey btn-back">{{#fas:arrow-left}} Back</div> <div class="btn btn-grey btn-admin">{{#fas:cog}} Administration</div>
<span class="btn-grey" style="color:#0088dd;">'''[[ADMINISTRATION|&#x1F809; ADMINISTRATION]]'''</span>
 
 
<hr>
 
<hr>
 +
__TOC__
 +
__FORCETOC__
 
From admin go to [[File:adminnavbarconfig.png|link=]] '''Configuration &rarr; Product Listing''' to see this:
 
From admin go to [[File:adminnavbarconfig.png|link=]] '''Configuration &rarr; Product Listing''' to see this:
 
<div class="mainpage_box">
 
<div class="mainpage_box">
[[File:productlisting.png|link=|1500px]]
+
[[File:productlisting.jpg|link=|1500px]]
 
</div>
 
</div>
  
Phoenix looks great as it is but there are options to change the layout if required.
+
CE Phoenix Cart looks great as it is but there are options to change the layout if required.
 
To change any setting:
 
To change any setting:
 
*Click the item in the '''Title''' column list to select it.
 
*Click the item in the '''Title''' column list to select it.
Line 13: Line 14:
 
*Change the settings in the edit panel.
 
*Change the settings in the edit panel.
 
*Click <span class="btn-green">Save</span>
 
*Click <span class="btn-green">Save</span>
 +
  
 
----
 
----
 
 
 
*'''Products Per Row'''
 
*'''Products Per Row'''
**The product listing display can be changed - like it says - Default: XS 2, SM 3, MD and above 4.
+
**The product listing display can be changed the default code is explained in the Edit panel on the right - Default: XS 2, SM 3, MD and above 4.
**It's best to have a play with this to achieve your preferred display.
+
**It's best to have a play with this to achieve your preferred display on different sized devices.
 
 
 
 
 
----
 
----
 
 
 
*These settings enable/disable the menu items that show in the '''Sort By''' drop down menu shown on the product listing.
 
*These settings enable/disable the menu items that show in the '''Sort By''' drop down menu shown on the product listing.
**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)'''
**Sort Option: Name (0=disable; 1=enable)
+
**'''Sort Option: Name (0=disable; 1=enable)'''
**Sort Option: Price (0=disable; 1=enable)
+
**'''Sort Option: Price (0=disable; 1=enable)'''
**Sort Option: Stock (0=disable; 1=enable)
+
**'''Sort Option: Stock (0=disable; 1=enable)'''
**Sort Option: Weight (0=disable; 1=enable)
+
**'''Sort Option: Weight (0=disable; 1=enable)'''
**Sort Option: Latest Added (0=disable; 1=enable)
+
**'''Sort Option: Latest Added (0=disable; 1=enable)'''
**Sort Option: Sales (0=disable; 1=enable)
+
**'''Sort Option: Sales (0=disable; 1=enable)'''
**Product Image (defunct)
+
----
**Buy Now column (defunct)
+
*'''Display buttons in product listing'''
 
+
**This enables/disables the display of View and Add To Cart buttons in the product cards in product listings.
 +
----
 +
*'''Products Per Page'''
 +
**This sets the number of products to list per page in product listings.
 +
----
 +
*'''Page Links'''
 +
**This sets the number of pages to show in the Prev/Next Navigation Bar.
 
----
 
----
 
+
*'''Display Category/Manufacturer Filter (0=disable; 1=enable)'''
 
 
*Display Category/Manufacturer Filter (0=disable; 1=enable)
 
 
**Note that Manufacturers could also be used as a secondary method of categorising products.
 
**Note that Manufacturers could also be used as a secondary method of categorising products.
 
+
----
 +
*'''Location of Prev/Next Navigation Bar (1-top, 2-bottom, 3-both)'''
 +
**Set the position of the Prev/Next Navigation Bar as desired or set to '''0''' to disable.
  
 
----
 
----
  
 
*Location of Prev/Next Navigation Bar (1-top, 2-bottom, 3-both) - note 0 to disable.
 
**The number of pages displayed in the page set can be changed - go to '''Configuration &rarr; Maximum Values &rarr; Page Links'''
 
  
 
'''Tip:''' This whole Sort By/Filter section can be disabled by entering the following in '''user.css'''
 
'''Tip:''' This whole Sort By/Filter section can be disabled by entering the following in '''user.css'''
Line 57: Line 56:
  
 
<hr>
 
<hr>
{{Page_In_Progress}}
+
{{Pro}}
 +
{{Forum}}
 
{{Contribute}}
 
{{Contribute}}

Latest revision as of 07:50, 6 November 2024

Back
Administration


From admin go to Adminnavbarconfig.png Configuration → Product Listing to see this:

Productlisting.jpg

CE Phoenix Cart 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



  • Products Per Row
    • The product listing display can be changed the default code is explained in the Edit panel on the right - Default: XS 2, SM 3, MD and above 4.
    • It's best to have a play with this to achieve your preferred display on different sized devices.

  • These settings enable/disable the menu items that show in the Sort By drop down menu shown on the product listing.
    • 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)

  • Display buttons in product listing
    • This enables/disables the display of View and Add To Cart buttons in the product cards in product listings.

  • Products Per Page
    • This sets the number of products to list per page in product listings.

  • Page Links
    • This sets the number of pages to show in the Prev/Next Navigation Bar.

  • Display Category/Manufacturer Filter (0=disable; 1=enable)
    • Note that Manufacturers could also be used as a secondary method of categorising products.

  • Location of Prev/Next Navigation Bar (1-top, 2-bottom, 3-both)
    • Set the position of the Prev/Next Navigation Bar as desired or set to 0 to disable.


Tip: This whole Sort By/Filter section can be disabled by entering the following in user.css

div.alert-filters { display: none !important; }



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