RuffRuff Order Bonus

Settings

This article explains the settings that control the behavior of the app admin and your online store.

Manage the language and other settings displayed in the app admin.

Set the language displayed in the app admin.

Options:

  • English

  • Japanese

The default language is based on the language set in your Shopify account. This does not affect the language shown to customers on your online store.

Manage the UI and other settings displayed on your online store.

Field

Description

Automatically add gift to cart

Automatically adds the gift to the cart when eligibility conditions are met. This setting is only applicable when the gift type is Simple gift.Enabled (checked): The gift is automatically added to the cart when distribution conditions are met.Disabled (unchecked): Even when distribution conditions are met, the gift is not added automatically. Customers must click the "Claim" button in the widget to add it to the cart themselves.

This setting applies to campaigns where the Simple gift distribution method is set to "Follow store settings."

Configure the position and size of the product card badge.

Field

Description

Default

Badge position

Choose from: top-left / top-right / bottom-left / bottom-right

Top-left

Inset from top

Shown when position is set to "top." Adjusts the badge position upward (px).

0px

Inset from bottom

Shown when position is set to "bottom." Adjusts the badge position downward (px).

0px

Inset from left

Shown when position is set to "left." Adjusts the badge position to the left (px).

0px

Inset from right

Shown when position is set to "right." Adjusts the badge position to the right (px).

0px

Maximum badges per card

Maximum number of badges displayed per product card (1–10).

2

Font size

Badge text size (px).

14px

Font weight

Badge text weight.

500

If you experience issues such as the product card badge not appearing or displaying incorrectly, please contact support.

If badges are not appearing on product cards in your theme or third-party apps, you can specify the target elements using CSS selectors.

Field

Description

Example

Product card selector

A CSS selector that identifies the product card element. Must include the element containing the link to the product page.

.custom-product-card

Badge insertion target selector

A CSS selector that identifies the element where the badge will be inserted. If left blank, the badge is inserted directly into the product card element.

.custom-product-image-wrapper