​
How to add Quick Order Product Tables

​
Overview

The “Quick Order - B2B & Wholesale” app for Shopify allows store owners to display their products in a structured, table-like format on their website. This app is particularly useful for businesses that sell in bulk or have extensive product catalogs, as well as specialized stores where detailed product tables are essential.

​
Prerequisites

Before setting up the quick order product tables,” make sure you’ve already created collections that you want to display in the product table in your Shopify store.

​
Adding Product Table In Shopify

​
1. Add Product Table

  • In your Shopify admin, navigate to the Apps section and locate the Quick Order - B2B & Wholesale app.
  • Click on the Quick Order - B2B & Wholesale app to access the Product Table management page.

​
Create a New Table:

  • Click on the Add New Table button to start creating a new product table.

​
Enter Product Table Settings:

  1. Provide a name for your table in the designated field.

  2. General Settings:

    • Enter a brief description of the product table.
    • Enable the search feature to allow customers to find products easily.
    • Enable filters to provide intuitive product filtering options.
    • Choose whether to enable “Add to Cart” functionality at the item-level or table-level or both.
    • Enable image lightbox for larger image views.
    • Define the number of products to display per page.

  3. Collections:

    • Select the Shopify collections whose products you’d like to showcase in the table.
    • You can also click the eye icon to preview the products in each collection.

  4. Columns and Filters:

    • Select Columns:
      • Choose from a list of available columns provided by Shopify. These columns represent various attributes and properties of your products within the Shopify system.
    • List of Available Columns:
      • Product Type: Categorizes products
      • Status: Indicates the product’s visibility (active, draft, archived).
      • Tags: Keywords for searching and filtering products.
      • Vendor: The brand or manufacturer of the product.
      • Barcode: Unique identifier for the product.
      • Compare at Price: Original price before any discounts.
      • Price: Current selling price of the product.
      • SKU: Unique identifier for the product variant.
      • Weight: Product weight.
      • Body: Product description.
      • Requires Shipping: Indicates if the product needs shipping.
      • Published At: Date and time the product was published.
      • Category: Product category (different from product type).
      • Fulfillment Service: How orders are fulfilled (e.g., Shopify, third-party).
      • Inventory Quantity: Number of items in stock.
      • Tax Code: Tax category for the product.
      • Taxable: Indicates if the product is subject to tax.
    • Customization of Columns:
      • Define a label for each selected column or you can leave it to use the default value.
      • Check the box next to each column that supports filtering, indicating that filters for those columns will be applicable.
    • Managing Columns:
      • Delete columns if necessary. You can have up to 5 columns in your product table.
      • Rearrange columns by dragging them into your preferred order.

  5. Appearance Settings:

    • Choose a color palette for your table elements, including headings, buttons, and fonts.
    • Click the Save Palette button to apply the selected colors.
    • Once the palette is saved, the selected colors will be applied to various elements:
      • Headings and Subheadings
      • Fonts
      • Reset Button
      • Add to Cart Button (Item-Level)
      • Add to Cart Button (Table-Level)
    • For each element, you can select a specific color to ensure your product table matches your store’s branding.
    • You can also use Restore Default to revert to the default colors.

  6. Save or Publish:

    • After customizing your product table settings, you have two options:
      • Save as Draft: Your product table will be saved as a draft in the Product Table queue.
      • Publish: Your product table will become “Active” and ready to be added to your store.

  7. Copy Product ID:

    • Locate the Product ID under the Product ID section and copy it.

​
Embedding Product Table to Your Store:

  • Go to your Shopify admin.
  • Navigate to Online Store > Themes.
  • Click Customize on your active theme.
  • Select the page where you want to add the product table (e.g., homepage, collection page).
  • Click the Add section button on the page editor.
  • In the side panel, under the Apps section, you’ll find the ‘Quick Order - B2B & Wholesale’ app.
  • Click on the app to add it to your page.
  • Click on the added ‘Quick Order - B2B & Wholesale’ app block.
  • Enter the unique product table ID that you copied from the ‘Quick Order - B2B & Wholesale’ app dashboard.
  • Click Save to apply the changes.
  • Preview your store to see the product table displayed on the selected page.

​
2. Editing and Deleting Product Tables

​
Edit Product Table

  • Go to the ‘Quick Order - B2B & Wholesale’ app dashboard, locate the table, and click on the edit button. Modify settings as needed.

​
Delete Product Table

  • Navigate to the ‘Quick Order - B2B & Wholesale’ app dashboard, find the table, and click on the delete button. Confirm deletion when prompted.

​
3. Sorting and Searching Product Tables

  • Sort and Search: Use the search bar to find specific product tables by name. Sort tables alphabetically or by published date for easier management.
Getting Started