• About the Product
  • News
  • How it works
  • Licenses
  • License comparison
  • References
    • Top projects created with Visual PHP™
    • Screenshots product
  • Trial - Try Before You Buy
  • Protection of the projects under Visual PHP™
  • Visual PHP™ RECOMMENDS
• Manuals
  • How to start
    • How to install trial certificate to the browser
    • Installing the USB drive
    • Installing certificates into the browser
    • How to change the USB drive password
    • Installing certificates on the domain
  • Changing the language in Visual PHP ™
  • Video demonstrations
  • Tested webhosting
• Support
  • Forums
  • Tools
    • Remote Install
    • PDF Font Converter
    • Browser Detect
  • Hosting for the owners of licenses
• Downloads
  • Guides
  • USB Key Drivers
  • Logo Visual PHP™
  • Certificate to download
  • Installing script
  • Product update
  • Tools
    • Convert video for Media Player
• Price List / Orders
  • Purchase
    • Prices
    • Purchase
  • Renting Visual PHP™
    • Rental License
    • Order Rental
  • Visual PHP ™ to domain
    • Domain Licenses
    • Order license domain
  • Multi-license for schools
    • Volume licensing conditions
    • Order Volume

There are increases in the number of questions how to display a list of goods in Visual PHP™ so that a visitor can switch between the display with images and the tabular output without images.

The principle is quite easy. You have only to have 2 templates named m_shop_catalogue for the list of records (original one and a new one with a table). Which template shall be used by the system is determined by means of a condition.

Creating a Tabular List Template

Let’s create a new template named m_shop_catalogue with the List of Records (vtList) display mode. We enter the following code into the template:

<table style="width: 100%;" border="0" cellpadding="0" cellspacing="4">
  <thead>
    <tr style="font-weight: bold">
      <th>Name</th>
      <th>Producer</th>
      <th>Price</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td><a href="m_shop_catalogue.php?id=[id]">[name]</a></td>
      <td>[producer]</td>
      <td>[taxPrice]</td>
      <td><a href="m_shop.php?m_shop_actionType=addItem&m_shop_tableName=m_shop_catalogue&m_shop_id=[id]">do košíku</a></td>
    </tr>
  </tbody>
</table>

Visual PHP™ allows you to create also complete tables by means of templates. When processing a template with one record, the <table> and the complete <thead> tags including nested tags will be inserted and further the <tbody> tag and its content without the </tbody> end will be inserted. During the subsequent processing of the template with the other records, only the <tr> tag and its content are inserted and </tbody></table> will be added at the end of the last record. A valid full-value table will be generated this way where all columns are aligned.

However, let’s return to the substance of this article. It is also necessary to set a condition for the aforementioned template:

$view == "table"

This condition will distinguish which of the templates will be displayed. If the $view variable has a value of “table”, then only this template will be used. If it be to the contrary, the original template with images will be used because that template does not have set this condition.

If we want to test template switching, we have only to enter this URL for common display into the browser:

http://www.domena.cz/m_shop_catalogue.php

and this URL for a tabular list:

http://www.domena.cz/m_shop_catalogue.php?view=table

Now we have only to place links to these 2 display modes in any place within the presentation (in the m_shop_catalogue layout as standard) so that also visitors can switch between the displays.

Modifying a Layout for Displaying a Tabular List

Considering that much more items can be placed in a tabular list, it is also suitable to increase the number of items being displayed for this display mode. Therefore, it is necessary to increase the Items per Page property for the Table Content component in the m_shop_catalogue layout for a list of records.

We have 2 options how to do it. Either we will have 2 separate m_shop_catalogue layouts with the same name and display mode, where the layout for a tabular list is distinguished by means of the same condition as the template for a tabular list has, or we can have 1 layout only and enter 20 instead of a fixed number into the Items per Page property. It is only up to you which of these options you will select or what the design of your pages will require.

NOTICE

Some properties published in this article can only be functional with the latest core version. If you have any older core version, we recommend you to update to the latest version.

Free trial

for 30 days