Skip to main content

General Settings

The General Settings section is the foundation of your XB Products Compare configuration. Here you can control where the comparison feature appears, how many products can be compared, and which fields are displayed during comparison.

Page Display Settings​

Control where the comparison functionality is available on your store:

Available Pages​

  • Collection Pages: Enable comparison on product collection pages
  • Product Pages: Allow comparison directly from individual product pages
  • Home Page: Show comparison options on your store's homepage
  • Search Results: Enable comparison on search result pages

You can select multiple pages where you want the comparison feature to be active. This gives you flexibility to show comparison options exactly where your customers need them most.

Comparison Limits​

Comparison Number​

Set the maximum number of products that can be compared simultaneously. The default is 3 products, but you can adjust this based on your store's needs:

  • Small catalogs: 2-3 products
  • Medium catalogs: 3-5 products
  • Large catalogs: 5-10 products

Consider your product complexity and customer needs when setting this limit. Too many products can make comparison overwhelming, while too few might limit useful comparisons.

Mobile Experience​

Show Comparison in Mobile​

Toggle this setting to enable or disable the comparison feature on mobile devices. When enabled, mobile users will have access to the same comparison functionality as desktop users, with mobile-optimized interfaces.

Recommendation: Keep this enabled to ensure all customers can compare products regardless of their device.

Comparison Fields​

The comparison fields determine what information is displayed when customers compare products. You can manage these fields to show the most relevant information for your products.

Default Fields​

  • Product Title: The name of the product
  • Variant Title: Specific variant information (size, color, etc.)
  • Price: Current selling price
  • Product Type: Category classification
  • Vendor: Brand or manufacturer
  • Available: Stock availability status

Managing Fields​

Click "Manage fields" to customize which fields appear in your comparison tables. You can:

  • Reorder fields by dragging them
  • Add custom fields
  • Remove unnecessary fields
  • Configure field display options

Product Metafields​

Enhance your product comparisons with additional custom information using Shopify metafields.

Metafield Configuration​

You can add custom product details that will appear in comparison tables:

  • Custom Metafields: Use your own custom metafield keys
  • Shopify Metafields: Use predefined Shopify metafield types

Example Metafields​

Common metafields for product comparison include:

  • Technical Specifications: RAM, storage, processor details
  • Physical Attributes: Dimensions, weight, materials
  • Features: Operating system, connectivity options
  • Condition: New, refurbished, cosmetic condition

Adding Metafields​

  1. In your Shopify admin, go to Settings > Metafields
  2. Create the metafields you want to use for comparison
  3. Add them to your products
  4. Configure them in the XB Products Compare settings
  5. They will automatically appear in comparison tables

Best Practices​

Field Selection​

  • Choose fields that help customers make informed decisions
  • Avoid overwhelming customers with too many fields
  • Group related information together
  • Test different field combinations to see what works best

Mobile Optimization​

  • Ensure important fields are visible on mobile
  • Consider using shorter field names for mobile displays
  • Test the mobile experience regularly

Performance​

  • Limit the number of metafields to maintain fast loading times
  • Use efficient field types (text vs. rich text when appropriate)
  • Regularly review and remove unused fields