Adjust the Appearance of the Future Rank Calculation (Colors, Description, etc.)

This is a continuation of “Setting Up the Future Rank Calculation on the Storefront.” Proceed with each setting to display a store-customized Future Rank Calculation.

Set up Ranky’s app block in the theme editor.

Specify the target to display the membership card.

Used only when "Customer with a specific membership rank" is selected in "Who to display to". Click here for details on "Customer with a specific membership rank" → Displaying Prospect Evaluation Only to Specific Member Ranks

You can select a color by clicking the colored circle or entering the color code on the left side of the item. You can also set the brand color from the “Connect Dynamic Sources” icon on the right. Note: Set the box that indicates the current rank and the main color range for the gauge.

You can select a color by clicking the colored circle or entering the color code on the left side of the item. You can also set the brand color using the “Connect Dynamic Sources” icon on the right.

You can select a color by clicking the colored circle or entering the color code on the left side of the item. You can also set the brand color using the “Connect Dynamic Sources” icon on the right. Note: Set the color that indicates progress toward completion.

Choose the display width for desktop screens.:

When checked, the current rank will be displayed. When disabled, the “Prefix Text” and “Description Text” in the “Current Rank” box will not be displayed.

Text displayed before the rank name (e.g., “Current Rank”).

This is a supplemental text field displayed within the “Current Rank” box. A sample sentence is set by default. Please update it to match your store.

This setting adjusts the alignment of the text within the “Current Rank” box.

This setting adjusts the border width of the “Current Rank” box. Enter a value between 0 and 10px.

This setting adjusts the title of the “Rank-Up Condition” section.

This is the text field for the message displayed when all conditions are met and the highest rank is reached. A sample sentence is set by default. Please update it to match your store.

This setting adjusts the alignment of the message displayed when all conditions are met.

When checked, the achievement progress gauge will be displayed. However, even if enabled, the gauge will not appear unless the condition is defined in the Ranky “Rank List.”

When checked, the total number of purchases will be displayed.

When checked, the total amount of purchases is displayed.

When checked, the points held by the customer will be displayed.

Note: When checked, the points from “Dokopoi” (stored in the customer’s metafield) will be displayed. This setting is not affected by the aggregation period. “Dokopoi” is a Shopify app available for Japanese stores only.

If left blank, “Total Number of Orders” will be displayed by default. Note: To change the label for the total number of purchases, enter a custom label here.

When checked, the currency (e.g., JPY) will be displayed. Note: To change the label for the total purchase amount, enter a custom label here.

If left blank, “Total Amount Spent” will be displayed by default. Note: To change the label for the total purchase amount, enter a custom label here.

If left blank, “Points” will be displayed by default. Note: To change the label for points held, enter a custom label here.

When checked, the unit of points will be changed from “pt” to “mile.” Note: The default unit is “pt.”

This label is displayed when the highest rank condition has been achieved. Note: Enter a custom label here to change the “Next Rank Update” label.

This is a text field for displaying a note at the bottom of the future rank calculation. A sample sentence is set by default. Please update it to match your store.