There’s 2 different way to set up your customization.

1. Settings to be configured on n the your store’s Shopify theme editing screen.

You can arrange the settings mainly related to the "Recommendation Design".

2. Settings to be configured on the PeecAI’s customer's management page.

You can managed the setting except design.

1. Shopify Admin: Customize setting

There are two types of recommendation display formats, each with different settings.

• Overlay Type Recommendation

  Recommendation displayed in overlay format on the store.

• Embedded Type Recommendation

  Recommendation displayed by embedding as a layout component within the store.

  ① Settings for Overlay Type Recommendation

  The settings for the overlay type recommendation are as follows.

  ■ Design Settings (Common for Mobile/PC)

  • Background color

  • Text color

  • Font

    Font Settings

  • Progress bar color

  • Border color

  • Border thickness

  • Delay time for recommendation display [seconds]

  ■ Design Settings (PC)

  • Recommendation display position (vertical)
    • Top of page
    • Middle of page
    • Bottom of page
  • Recommendation display position (horizontal)
    • Left side of page
    • Middle of page
    • Right side of page
  • Margin (vertical) [px]
  • Margin (horizontal) [px]

  ■ Design Settings (Mobile)

  • Recommendation display position (vertical)
    • Top of page
    • Middle of page
    • Bottom of page
  • Recommendation display position (horizontal)
    • Left side of page
    • Middle of page
    • Right side of page
  • Margin (vertical) [px]
  • Margin (horizontal) [px]

  ■ Badge Display Feature (Common for Mobile/PC)

  • Badge display position
    • Top of recommendation
    • Bottom of recommendation
  • Badge text color
  • Badge background color

  ② Settings for Embedded Type Recommendation

  The settings for the embedded type recommendation are as follows.

  ■ Common Settings

  • Background color

  • Text color

  • Font

  • Border color

  • Border thickness

  • Delay time for recommendation display [seconds]

  • Base design

    Currently, there are three variations of designs.

    • Base Design 1: Displays a maximum of 3 products one by one in a carousel style
    • Base Design 2: Displays 2 to 5 products side by side
    • Base Design 3: Displays 2 to 5 products side by side & adds-to-cart function

  ■ Settings Exclusive to Base Design 1

  These settings are only available when Base Design 1 is selected.

  • Progress bar color
  • Badge display position
    • Top of recommendation
    • Bottom of recommendation
  • Badge text color
  • Badge background color

  ■ Settings Exclusive to Base Design 2 or 3

  These settings are only available when Base Design 2 or 3 is selected.

  • Maximum number of products displayed (for PC)
  • Maximum number of products displayed (for Mobile)

2.PeecAI Admin: Customize setting

Settings for Individual Products

For each product registered in the customer's store, the following settings are configured.

• Badge text settings

  Sets the text to be displayed at the top of the recommendation.

  This is displayed when Base Design 1 is selected in the theme editing screen.

• Hidden Page Settings

  • Automatically hide out-of-stock items
  • Recommendation display / non-display settings (Specify pages where recommendations should not be displayed)
    • Home, Collections, Details, Cart, Search, My Page

• Manual Recommendation Product Settings

  Configures when you want to display specific products in recommendations rather than products selected by AI.

Category Priority Settings

These settings are configured when displaying recommended products from within a category.