How to Setup Moon Phase Feature
Customall introduces the Moon Phase feature, enabling your customers to select different stages of life and love, creating meaningful and timeless keepsakes.

The article below will guide you through the setup process for the moon phase feature:
Go to Artwork editor → Click on the + icon → Select Moon Phase
The Layer Settings section includes:

Enable this layer to be dependent on other layer, ensuring identical attributes.
e.g., layer B depends on Layer A, entering text characters on Layer A will result in the same characters appearing on Layer B.
Select date: Select your desired date.
Moon style: Select the style you want to display on the storefront.

You can add a new moon style by clicking the Upload button.

A pop-up will appear where you can enter the style name, upload a thumbnail for the style, and upload moon images corresponding to each phase. To replace an image, click on that moon image or Upload file button.

Click Save changes to save your moon style.
Recommended file size: 1500x1500 pixel, max 10MB
To edit or delete an existing moon style, double-click on the style you want to modify. A pop-up will appear, allowing you to make changes or delete it.

The default moon style options provided by Customall are fixed and cannot be modified.
Allow buyers to personalize: Check this box to let customers customize the moon phase. Uncheck it if you don't want to offer text customization.
Label: Display the title of date picker field on the storefront.
Place holder: Temporary text displays in the input field until an action is taken.
Help text: Additional explanations displayed when needed.
Allow buyers to change styles
+ "Select moon style" label: Displays the title for the moon style selection field on the storefront (e.g., Choose Moon Color)
+ Moon style: Choose the moon styles for customers to select.

It will appear on the storefront like this

Enable moon phase layer settings and features from one template to be applied to other templates with the same layer ID within the artwork.
To add a date that automatically updates when selecting a date for the moon phase, right-click on the moon phase layer → select Add Date Layer.

In the Layer Settings of the date layer, you can choose the date format you want to display on your storefront.

The Date Layer ID must match the first part of the Moon Phase Layer ID to ensure it updates automatically when the date changes.

On the storefront, the date will change automatically when customers select their desired Moon Phase date.

Click here for user experience demonstration: Moon Phase Feature Demonstration (password: Customall)

The article below will guide you through the setup process for the moon phase feature:
Go to Artwork editor → Click on the + icon → Select Moon Phase
The Layer Settings section includes:

- Depend on another layer:
Enable this layer to be dependent on other layer, ensuring identical attributes.
e.g., layer B depends on Layer A, entering text characters on Layer A will result in the same characters appearing on Layer B.
- Default Setting
Select date: Select your desired date.
Moon style: Select the style you want to display on the storefront.

You can add a new moon style by clicking the Upload button.

A pop-up will appear where you can enter the style name, upload a thumbnail for the style, and upload moon images corresponding to each phase. To replace an image, click on that moon image or Upload file button.

Click Save changes to save your moon style.
Recommended file size: 1500x1500 pixel, max 10MB
To edit or delete an existing moon style, double-click on the style you want to modify. A pop-up will appear, allowing you to make changes or delete it.

The default moon style options provided by Customall are fixed and cannot be modified.
- Personalization
Allow buyers to personalize: Check this box to let customers customize the moon phase. Uncheck it if you don't want to offer text customization.
Label: Display the title of date picker field on the storefront.
Place holder: Temporary text displays in the input field until an action is taken.
Help text: Additional explanations displayed when needed.
Allow buyers to change styles
+ "Select moon style" label: Displays the title for the moon style selection field on the storefront (e.g., Choose Moon Color)
+ Moon style: Choose the moon styles for customers to select.

It will appear on the storefront like this

- Apply to all templates
Enable moon phase layer settings and features from one template to be applied to other templates with the same layer ID within the artwork.
To add a date that automatically updates when selecting a date for the moon phase, right-click on the moon phase layer → select Add Date Layer.

In the Layer Settings of the date layer, you can choose the date format you want to display on your storefront.

The Date Layer ID must match the first part of the Moon Phase Layer ID to ensure it updates automatically when the date changes.

On the storefront, the date will change automatically when customers select their desired Moon Phase date.

Click here for user experience demonstration: Moon Phase Feature Demonstration (password: Customall)
Updated on: 17/02/2025
Thank you!