This guide walks you through every step of setting up a Product Catalogue table: adding products, configuring columns, enabling wholesale pricing, and customising the table design.
How to Create a Product Catalogue Table
- Log in to your Shopify Admin and open the TablePress app.
- On the app dashboard, click the Add Table button at the top-right corner.
- Select Create a Product Catalog.
- You’ll be taken to the Product Catalog page where you can build the table and customise its design.
- Once you’ve finished configuring everything, save your settings.
- Copy the generated shortcode and paste it wherever you want the table to appear on your store.
Product Catalogue Settings Explained
Table Name & Description
Table Name Text
The table name is the title displayed both inside the app and on your storefront. It helps customers immediately understand what the table is about. Choose something clear and descriptive.
- Men T-Shirt Size Chart
- Product Comparison Table – Laptops
- Women Jeans Measurement Guide
Description Text
The description appears below the table name on the storefront. Use it to explain how to read the table, mention measurement units, or give customers guidance for choosing the right product. A clear description reduces confusion and supports better purchase decisions.
Add Products or Collections Product Selector
This section lets you choose which products appear in the catalogue table. You can add individual products, entire collections, or use filters and search to find items quickly.
Add Product / Add Collection Button
Click Add Product to select individual products, or Add Collection to include all products from a collection at once.
Add Products Using Filters Filter
Use the Add Filter option inside the product popup to narrow results by Categories, Collections, Product Types, Tags, or Vendors. This is much faster than searching one product at a time, especially for large catalogues.
Search by All Dropdown
Search across all product fields at once, or narrow it down to Product Title, Product ID, Barcode, or SKU. Select multiple products from the results and click Add to include them in the table.
Hide / Delete Products Inline Action
After products are added, you can manage them directly from the table list. Hiding a product temporarily removes it from the storefront without deleting it. Deleting permanently removes it from the table.
Exclude By Selector
Choose how to exclude products from the catalogue. Options include:
- Vendor — exclude all products from a specific brand or supplier
- Specific Product — exclude individually selected products
- Tag — exclude products that carry a specific Shopify tag
Customize Product Information (Columns) Column Settings
Click Select product info to choose which product details appear as columns in the table. Columns are displayed in priority order from top to bottom, and you can drag and drop them to reorder at any time.
1. Bulk Product Select Checkbox
Lets customers select multiple products and add them all to the cart at once. Configure the column name, button text, and button icon style (No Icon / Only Icon / Left Icon and Text / Right Icon and Text).
Displays each product’s title. Options include setting a character limit to keep the table tidy, hiding the variant name from the title, and enabling a click-through redirect to the product page.
3. Product Image
Shows the product’s featured image. You can set a custom height and width in pixels, and enable click-through navigation to the product page.
4. Product Price Wholesale Integration
Displays the price of each product in the table. See the full Product Price settings below, including wholesale pricing and the Request Price feature.
5. Variant
Lets customers view and select product variants (size, colour, material) directly from the table. Choose between Show as individual in row (each variant appears as its own row) or Show in Dropdown (all variants in a compact dropdown menu).
6. Serial Number
Automatically adds a sequential number to each product row. Updates dynamically if rows are reordered.
7. Add to Cart Button
Lets customers take action directly from the table. Configure the column name, button text, and what happens on click:
- To product page — redirects to the product detail page (also works in PDF)
- To website — redirects to a custom URL
- To cart — adds the product and goes to the cart page
- To checkout — adds the product and goes directly to checkout
8. Quantity
Adds a quantity selector so customers can choose how many units to buy without opening the product page. Works together with the Total Price column for a smooth buying experience.
9. Product in Stock
Shows real-time availability for each product. Fully customisable — set the label text, text colour, and background colour for both In Stock and Out of Stock states.
10. Product Description
Displays a short summary of each product. Set a character limit to control how much text appears before the description is trimmed.
11. Product SKU
Shows the Stock Keeping Unit for each product. Optionally enable a click-through redirect to the product page when the SKU is clicked.
12. Product Vendor
Displays the vendor or brand name pulled directly from the product’s settings in Shopify.
13. Total Price
Shows the calculated total cost based on the selected quantity and unit price, helping customers see their spend before checkout.
14. Product Tag
Displays all tags assigned to each product, useful for showing category, style, or promotional labels.
Display Shopify product metafield data as a column in the table. If your products have extra information saved as metafields (such as fabric type, fit, or care instructions), this feature pulls that data in automatically — no manual entry needed.
To add a metafield column, click Add Column and choose Custom Field / Metafield. If no metafields exist yet, a Create New option will appear. If metafields are already set up in your store, you’ll see a list to choose from.
- Fabric type (Cotton, Denim, Silk)
- Fit type (Slim, Regular, Oversized)
- Care instructions per product
- Model height reference for clothing
Product Price Settings
Price Display Format Product Catalogue
The Product Price column displays each product’s price directly in the table, making it easy for customers to compare costs. You can customise the column heading and choose how prices are shown.
Column Name Text
Change the column heading shown at the top of the table. Common examples: Price, Product Price, Cost.
Show Discounted Price Toggle
When enabled, products that are on sale will show their discounted (sale) price along with the regular price.
Price Display Format Selector
Choose how the price is sourced and displayed for each product:
- Normal price — shows the original product price from your Shopify store.
- Wholesale slab price — shows the discounted price configured in your Wholesale app for that product.
Select Wholesale slab price to enable wholesale pricing in the catalogue. Save your changes after selecting.
Show Request Price Button Checkbox
If your Wholesale app is set to show prices only to logged-in customers, visitors who are not logged in will see no price for a product in the catalogue. You can show them a Request Price button instead, so they can ask you for the price directly.
Show “Request Price” button for non-logged-in users Checkbox
Enable this option to display a Request Price button to customers who are not logged in. Without this enabled, no button or price will appear for those visitors.
When a customer clicks the Request Price button, choose one of two actions:
Redirect to Login
The customer is sent to your store’s login page. If they already have an account, they can sign in and see the wholesale price. Use this option when your wholesale prices are exclusive to registered customers.
Send Email Request
An email notification is sent to a designated address with the customer’s details and the product they are enquiring about. Use this when you handle pricing on a case-by-case basis for each customer.
Email Settings Settings Page
If you selected Send Email Request, configure the email from the TablePress Settings page.
Receiver Email Text
The email address where all price request notifications will be sent. This can be your own address or a team member who handles wholesale enquiries.
Email Subject Text
The subject line for the price request email. Keep it clear and consistent so these emails are easy to identify in your inbox.
Email Body Text
The content of the email sent when a customer requests a price. Customise this to include the information your team needs to follow up effectively.
Table Design
Title & Description Display Appearance
Show Table Title Toggle
Show or hide the table title above the product table on the storefront.
Table Title Font Size px
Controls the size of the title text in pixels. Example: 24px makes the title prominent.
Table Title Font Color Color
Sets the title text colour using RGB or the colour picker.
Show Table Description Toggle
Show or hide the description text below the table title.
Table Description Font Size px
Sets the font size of the description text. Example: 16px keeps it readable without overpowering the title.
Table Description Font Color Color
Sets the description text colour to match your store’s design.
Header Appearance
Allow Column Sorting Toggle
When enabled, customers can click any column header to sort table data in ascending or descending order.
Fix Header Toggle
Keeps the column headers visible while scrolling through a long table. Useful for catalogues with many products.
Header Background Color Color
Sets the background colour of the header row.
Header Font Color Color
Controls the text colour inside header cells.
Header Font Size px
Defines the size of the header text. Example: 14px keeps headers clean and readable.
Search Feature
Search Feature Toggle
Enables or disables a search bar above the table. When on, customers can type to instantly filter matching rows.
Search Full Width Toggle
Stretches the search bar to the full width of the table area.
Search Title Text
Adds a label above the search bar. Example: Find data.
Search Placeholder Text Text
The text shown inside the search field before typing begins. Example: Search here.
No Records Text Text
The message shown when a search returns no results. Example: No matching records found.
Loading Records Text Text
The message displayed while the table is loading. Example: Loading…
Pagination Feature
Pagination Feature Toggle
Splits the table into multiple pages instead of showing all products at once. Ideal for large catalogues.
Pagination Per Page Number
Controls how many rows appear on each page. Example: 10 rows per page.
Pagination Font Size px
Sets the size of pagination controls and page numbers.
Pagination Font Color Color
Controls the colour of pagination text.
Pagination Background Color Color
Sets the background colour of the pagination area.
Pagination Length Change Toggle
Lets customers change how many rows are shown per page from a dropdown. Example options: 10, 25, 50.
General Features Appearance
Row Hover Highlight Toggle
Adds a subtle colour change when a customer hovers over a row, making it easier to track across wide tables.
Vertical Scroll Height Toggle
Displays the table within a fixed height area with a scrollbar for tall tables, keeping the page layout clean.
Table Information Toggle
Shows a summary below the table such as “Showing 1 to 10 of 50 entries”.
Alternating Row Colors Toggle
Applies different background colours to odd and even rows, making wide tables easier to read.
Odd Row Color / Even Row Color Color
Set the background colours for alternating rows individually.
Table Background Color Color
Defines the background colour of the entire table container.
Table Border Color / Border Style Color / Selector
Controls the colour and style (solid, dashed, dotted) of the table’s borders and internal grid lines.
Cell Padding px
Sets the spacing inside each table cell. Example: 3px for a compact layout.
Table Data Font Family Selector
Choose the font for all table data. Example: Poppins for a clean, modern look.
Table Data Alignment Selector
Sets text alignment inside cells — left, centre, or right.
Table Data Font Size px
Controls the font size of all table content. Example: 14px for balanced readability.
Table Data Font Color Color
Controls the colour of all table text.
Add to Cart Button Style Appearance
Button Icon
Choose the icon displayed on the Add to Cart button (shopping cart, arrow, etc.).
Button Text Font Family
Select the font for the button label text.
Button Text Size px
Sets the font size of the button text.
Button Text Color Color
Sets the colour of the button label.
Button Background Color Color
Sets the fill colour of the button.
Button Border Color Color
Sets the colour of the button’s border.
Button Border Style Selector
Choose the border style — solid, dashed, dotted, or unset.
Copy Shortcode & Export
Copy Shortcode Embed
Once your table is created and designed, a unique shortcode is generated automatically. Click the copy icon in the Copy Shortcode section — the code is instantly copied to your clipboard. Paste it into any supported content area on your Shopify store to display the table.
Show Table Title Toggle
Show or hide the table title when the shortcode is embedded.
Export
Click the Export button at the top-right of the Product Catalog page to generate a PDF version of the table. Customers can also open products and add them to the cart directly from the PDF.
