コンテンツにスキップ

Table Skin

View Demo

このコンテンツはまだ日本語訳がありません。

With the Table skin, you can display your selected listings in a clean table (grid of rows and columns) format. This skin presents listing information in columns, similar to a spreadsheet, allowing users to compare details easily. The Table skin does not include a map view of listings.

The Table skin is a tabular view for listings. Each listing appears as a row in an HTML table, and each piece of listing information (like Title, Price, Location, etc.) is organized into columns. This format is ideal when you want a structured, comparison-friendly layout for listings (for example, a directory of businesses with their contact info in columns). There is no map shown in this skin.

Under the Style tab for the Table skin, you can choose a style variation and configure which columns to display.

  • Style: Choose a style variation for the table. The Table skin comes with multiple predefined styles (e.g., Style 1, Style 2, Style 3). Each style alters the table’s appearance (such as header design or row striping). Select the style that fits your site design. Default: Style 1.

Rows Display Options (Columns Configuration)

Section titled “Rows Display Options (Columns Configuration)”

You can customize which columns (listing data fields) appear in the table and in what order. The Table skin provides a drag-and-drop interface to manage columns.

Each available listing field is represented as a “row” in the builder, with options to rename it, show/hide it, and set a custom width. The list of possible columns is extensive:

Available Columns include:

  • Listing Title: The title of the listing. (Enabled by default) – This is usually the name of the listing.
  • Listing Excerpt: A short excerpt or summary of the listing description.
  • Address: The listing’s address or location text. (Visible if the Map component is enabled in Listdom settings.)
  • Price: The price or cost associated with the listing. (Visible if pricing is enabled in Listdom.)
  • Work Hours: The availability or working hours of the listing (e.g., “Open Now” or hours schedule). (Visible if the Work Hours component is enabled.)
  • Phone: The contact phone number for the listing.
  • Email: The contact email address for the listing.
  • Labels: Any labels assigned to the listing (special markers like “Featured”, etc.).
  • Website: The website URL of the listing (if provided).
  • Featured Image: The main image or thumbnail of the listing.
  • Listing Description: The full description text of the listing (this could be long, so typically kept disabled in table view by default).
  • Remark: The “remark” field of the listing (an additional notes field, if used).
  • Price Class: The price category of the listing (for example, $, $$, $$$ to indicate budget level). (Only available if pricing is enabled globally and the price class feature is used.)
  • Contact Address: The contact address or secondary address info of the listing (if separate from the main address).
  • Category: The primary category of the listing (e.g., Restaurant, Shop, etc.).
  • Tags: The tags associated with the listing.
  • Locations: The location taxonomy terms for the listing (e.g., City, State).
  • Features: Features or amenities of the listing (from the Features taxonomy).
  • Map: A small map or map link for the listing’s location. (Available if map/location is enabled; typically this might show a mini map or a link to view on map.)
  • Review Rates: The average rating (stars) for the listing. (This column appears if the Reviews add-on is installed, which provides a reviews system.)
  • Compare (Compare Rate): A compare indicator for the listing. (This appears if the Compare add-on is active. It might show a score or icon related to comparing listings.)
  • Favorite Icon: A heart or bookmark icon allowing the user to mark the listing as a favorite. (Requires the Favorite add-on. Without the add-on, this column is not available.)
  • Claim Status: An indicator if the listing is claimed or verified by its owner. (Requires the Claim add-on to use. This column would display a status like “Claimed” or an icon if the feature is active.)
  • Social Network Fields: If you have configured social networks for listings (e.g., Facebook, Twitter links via Listdom settings), each enabled network will be available as a column (labeled by network name).
  • Custom Attributes: Any custom attributes you’ve created (via Attributes) will appear as additional column options. Each custom attribute (except those designated as separators) can be enabled as a column showing that attribute’s value.
  • ACF Fields: If using the Advanced Custom Fields integration, any ACF fields added to listings will appear as column options once the ACF add-on is installed. Each ACF field will use its label as the column name.

For each column in the list, you have the following controls:

  • Label (Column Heading): You can edit the label text of the column. Click the text box to rename how the column header will appear. By default, it uses the field’s default label (as listed above).
  • Enable/Disable (Show Column): A toggle switch to show or hide that column. If turned off, the column will not appear in the table. By default, only key columns are enabled (e.g., Title, Address, Price, etc.), and others are disabled.
  • Width: (Optional) If a column is enabled, you can specify a width in pixels for that column. For example, you might set a fixed width for the image column (e.g., 150px). If left blank, the column width will auto-adjust. This option appears when a column is enabled (the width field becomes visible).

You can also drag and drop each row in the builder to rearrange the column order. The order in this list (top to bottom) corresponds to the left-to-right order of columns in the table on your site. Simply grab the handle (six dots icon) and drag a field up or down.

After configuring columns:

  • Ensure the Title column (or an identifying field) remains enabled so users can click through to the listing.
  • Use the Labels field to provide user-friendly column headings.
  • Optionally disable any columns that aren’t relevant to keep the table clean.

(Not applicable to Table skin.) The Table skin does not utilize a map, so the Map tab settings are hidden or irrelevant. The listings will only be shown in a table format. You do not need to configure any map provider or height for this skin.

Under the Layout tab, you can control how many listings are shown per page and how pagination and listing links behave.

  • Limit: The number of listings (table rows) to display per page. Default: 12. This controls the page length of the table. For example, if you set Limit to 10, only 10 listings will be shown at once in the table; if there are more, users will need to navigate to the next page or load more (depending on pagination setting).

  • Pagination Method: Choose how users can see additional listings beyond the first page. Options provided by Listdom include:

    • Disabled: No pagination or load-more. Only the first set of listings (up to the Limit) will show, and there will be no way to see more on that page.
    • Load More: A “Load More” button will appear under the table. Clicking it will load the next set of listings (the next page of results) without reloading the page.
    • Infinite Scroll: (If available) Automatically load more listings as the user scrolls down, without any button.
    • Standard Pagination: (If available) Numbered page links or next/prev buttons to navigate through pages of listings.

    (The exact options may depend on Listdom Pro. In Lite, Load More and Disabled are typically available.) By default, if Load More is enabled (and no other setting overrides it), the Table uses a Load More button.

  • Listing Link: Pro This setting determines how the listing titles (or “Read More” links) behave when clicked. (In the table, the listing title is usually a link.)

    • Normal: Opens the single listing page in the current window.
    • New Tab: Opens the listing detail page in a new browser tab.
    • Lightbox: Opens the single listing page in a lightbox overlay on the same page.
    • Right Panel/Left Panel/Bottom Panel: Opens the listing detail in a sliding panel (to the right, left, or bottom of the screen) as an overlay.

    By default (and in Lite), the behavior is Normal (same window). The other options are available in Listdom Pro. If Pro is not active, this setting will be locked to normal.

    If you choose a lightbox or panel option, an additional field Listing style in the lightbox will appear, allowing you to choose which single listing layout style to use in that lightbox/panel. You can inherit the global default single listing style or pick a specific single listing design (Style 1, Style 2, etc.).

The Sort tab allows you to configure sorting options for the table view.

  • Default Sort: Select the default sorting for the listings when they first load in the table. Options include:

    • List Date: Order by publish date (e.g., newest first or oldest first). (Default: Newest first (DESC).)
    • Listing Title: Order alphabetically by title (A–Z or Z–A).
    • Last Update: Order by the last modified date of listings.
    • Comments: Order by number of comments.
    • Listing ID: Order by the post ID of the listing.

    You can choose one of these as the initial sort order. For example, you might choose Listing Title (A–Z) if you want the table sorted alphabetically by default.

  • Sort Options: Decide which sorting options will be available to the user in the front-end sort dropdown. Each sort criterion (as listed above) can be toggled on or off:

    • Enable the options that make sense for your directory. For instance, you might allow sorting by Date and Title, but not by ID or Comments.
    • If an option’s status is Off, it will not appear in the user’s “Sort By” dropdown.
    • By default, Listdom enables List Date and Listing Title, and disables others (you can adjust this).

    Example: If you enable List Date, Listing Title, and Price (if price sorting were available via an add-on), users will be able to choose those sorts on the table. If you disable Comments, users won’t see a “Comments” sort option.

Note: Some additional sort options can appear if certain add-ons are installed. For example, if using a Reviews add-on, you might get a “Rating” sort option; if using a Rank add-on, you might have a “Rank” sort. These can be toggled in Sort Options as well when available.

The Table skin supports placing a search form above or below the table to let users refine the listings.

  • Search Shortcode: Select a Listdom Search form to embed with this table. If you have created a custom search form (via Listdom Search post type), choose it here. This form will be displayed on the same page as the table.
  • Search Position: Choose where the search form appears: Top (above the table) or Bottom (below the table). By default, Top is common, so users see filters before the list.
  • AJAX Search: If set to On, the search form will filter the table results using AJAX (without reloading the entire page). The table will update instantly to show listings matching the search criteria. If Off, using the search will reload the page with filtered results. AJAX is generally preferred for better user experience (requires that Listdom Pro or relevant components are active to support AJAX filtering).

For example, you might attach a search form that filters by category, location, or keyword. If a user fills out the form and hits search, the table will update to show only matching listings (e.g., only “Restaurants” in “New York”).

Use Filter Options in the shortcode settings to decide which listings are shown in this table by default (before any user search). This helps you create specialized tables, like “Top Restaurants Table” showing only listings in the “Restaurant” category.

You can filter by various criteria:

  • Categories: Select one or multiple categories to include. Only listings in those categories will be fetched. You can also exclude specific categories if needed.
  • Locations: Choose one or more locations to include (or exclude). Only listings from those locations will display.
  • Features: Include/exclude listings by features (amenities).
  • Labels: Include/exclude listings by label (e.g., show only listings labeled “Featured”).
  • Tags: Filter by listing tags. You can include listings that have certain tags (or exclude those tags).
  • Custom Attributes: If you have custom attributes (extra fields), you can set filters for those values. For example, only show listings where the “Parking” attribute is “Yes”.
  • ACF Fields: If using the ACF Add-on, you can pre-filter by ACF field values as well (e.g., only listings where a custom ACF “verified” field is true).
  • Author (Owner): Restrict to listings by certain authors (user IDs) or exclude listings by certain authors.
  • Specific Listings: Directly include or exclude specific listing IDs. For example, you could exclude one particular listing from the table by adding its ID to the exclude list.
  • Status: By default, Listdom will show only “Published” listings. The filter options allow you to adjust post status if needed (usually not necessary – unpublished listings won’t show anyway).

All these filters work together to determine the pool of listings for the table. The filters use AND logic between different types (Category, Location, etc.), so the listing has to meet all included criteria.

For example, if you set Category = “Restaurants” and Location = “London”, the table will only show listings that are Restaurants in London.

If no Filter Options are set, the table will display all listings by default (or according to the general Listdom settings like status=publish).

Use filter options to tailor each table to a purpose:

  • A table for a specific category (set that Category).
  • A table for a membership level or label (e.g., only “Premium” labeled listings).
  • A table for a specific region (set a Location).

Product Comparison Table: Using the Table skin, create a directory of products or services where each listing’s attributes are columns (Price, Rating, Features, etc.). Users can sort by Price or Rating to compare offerings. For instance, a “Web Hosting Plans” table where you enable columns for storage, bandwidth, price, and rating, allowing easy side-by-side comparison. The table is filtered to include only active plans and sorted by Price by default.

Local Business Directory: A chamber of commerce site lists local businesses in a table view. Categories and Locations are pre-filtered to show only businesses in a specific city. Columns like Phone, Address, and Website are enabled so visitors can quickly get contact info. A search form is placed on top of the table, allowing users to filter the directory by business name or category. The table uses “Load More” pagination so users can browse in batches of 20 entries.