To access the settings, click on Settings from the app's navigation panel. The settings are organized into four sections: Display, Automation, Advanced, and Localization.

1. Display

Show Options on Product Cards

This setting controls whether product options (such as colors, sizes, etc.) are shown on product cards across your store. When enabled, you can select which page types will display product options on cards:

• Article

• Blog

• Cart

• Collection

• Home

• Page

• Product

• Search

Card Interaction

This setting defines how product cards behave when a customer switches between options:

1. Change card content — Updates the product title, price, image, and URL to match the selected option, without leaving the current page.
2. Redirect to product page — Navigates the customer directly to the product page of the selected option.

Visual Style

Hide option label on product card — When enabled, the option label (e.g., "Color", "Size") will not be shown on product cards, keeping the card layout cleaner.

For advanced users, this section allows you to input custom CSS to control how product options are styled on both the product page and product cards. There are two separate fields:

1. Custom CSS for options on product page
2. Custom CSS for options on product card

If you need help with styling customization, feel free to reach out to the support team by hitting the contact us button.

2. Automation

This section manages how products and groups stay updated automatically.

1. Auto-sync products — Automatically updates product details across all groups, including titles, images, prices, stock status, and more. You can set the sync frequency to once, twice, three times, or four times a day.
2. Auto-add products to groups — Automatically adds new products to a group when they match the group's rules. This applies to automated groups only.
3. Keep product info synced — Automatically updates product status, titles, handles, and images INSTANTLY whenever changes are detected in your store (available for HIGHEST PLAN Only)
4. Hide unreachable products in storefront — Automatically hides products that customers can't access, including drafts, unpublished products, archived items, and products unavailable in their market. This prevents broken links and 404 errors for a smoother shopping experience.

3. Advanced

API Key

Your API key allows you to manage product groups programmatically and integrate with external applications. It does not expire. If you need a new one, you can regenerate it from this page. For more details, refer to the API documentation.

Online Store Password

If your store is password-protected, you can provide the password here so the support team can access your store to assist you more effectively. This is optional but helps speed up issue resolution.

Action Logs

A log of the last 300 actions performed within the app. Useful for tracking recent changes and troubleshooting.

4. Localization 

Ensure your product options and values display in the appropriate language for your international customers with our translation feature.

Storefront Translations

This section allows you to translate app labels (e.g., "Sold Out") into the languages your store supports. Available languages are pulled directly from your store. To add new languages, you can do so from your Shopify store settings.  

Step 1: Select Your Target Language

Choose the language you want to create translations for from the language selector. Once selected, the system will display a comprehensive list of all terms that require translation below the language selection.

Key Features:

1. Pre-filled translations: Google Translate automatically provides default translations to get you started
2. Complete term list: All option names and option values from your product groups are included

Step 2: Edit Translations and Save

Review and modify the translations in the text fields provided:

1. Option names: Update translations for option names like "Color", "Size", etc.
2. Option values: Edit translations for specific values like "Red", "Blue", "Large", "Small"
3. Status control: Use the dropdown to set translations as "Active" or "Inactive"

After making your changes, click the Save button to apply all translations. When customers visit your store and select the translated language, they will see the localized product options.

3. Best Practices

1. Review Google Translate suggestions as they may not always be contextually accurate
   
2. Test translations with native speakers when possible
   
3. Use "Inactive" status for translations that need review before going live
   

Now you know how to configure the Settings to personalize Combined Listings app to match your goals. If you have any questions, please contact us via support@tapita.io