Customize Page
1. Edit Page Description
This is the first mini-tab you’ll land on. It lets you customize the header section of your Quick Order page. In this section, you can customize the header area of your Quick Order page.
These are the main settings:
In this section, you can:
Show/Hide the page description
2. Edit Title
Content: Enter the main title of the page (visible to customers).
Text Size: Adjust the font size to make it larger or smaller.
Text Color: Select a color that matches your branding.
3. Edit Subtitle
Content: Add a supporting message or explanation under the title.
Text Size: Adjust the size to your preference.
Text Color: Choose a suitable color for the subtitle.
4. Background Settings
You can customize the background of the description section using one of the following:
Color: Choose a solid color as the background.
Image: Use an image by entering a direct image link.
📌 Learn how to get a direct image link.
2. Filter & Search Bar
This is the second mini-tab in Customization Quick Order Page. You can find it here. This section controls the filters and search functionality shown below the header.
You can add, remove, or hide the search bar and any of the filters. Main settings are:
Search Bar
Lets customers search by product title
Availability
Filter to show only products that are in stock
Collections
Filter by Shopify collections. If you selected specific collections in the product settings, only those will appear
Product Types
Based on the product type set in Shopify
Price
Based on the vendor assigned to each product
Vendors
Filter products using product tags. Only shows tags that are relevant to selected products
Tags
Filter by minimum and maximum price
3. Product Information Display
This is the second mini-tab in Customization Quick Order Page. You can find it here. This mini-tab controls what information appears in each product row.
You can choose to show or hide the following fields:
SKU
Product Type
Vendor
Inventory (Quantity left in stock)
Discount Badge (if applicable)
Simply tick or untick the options to adjust what appears.
4. Page Style
This final mini-tab allows you to style the Quick Order page to match your store’s branding.
Main customization options:
Corner Radius: Adjust the roundness of elements like buttons, modals, and text fields.
Border Width: Control the thickness of borders (used on dividers, buttons, and input fields).
Color Scheme: Set the colors for different groups of elements. These are organized into categories:
General
Background, text, borders
Primary Button
Add to Cart, View Options buttons
Secondary Button
Bulk Import, Pagination buttons
Plain Button
Quantity Rule, Custom Pricing, etc.
Box Elements
Search bar, quantity field, type badges, sorting field, price filter field
🎨 You can try changing the colors and immediately see the preview on the right-hand side.
Last updated