> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.teeinblue.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Moon Phases feature

| This feature lets customers enter a location to view the Moon Phases based on the selected date and location.

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1qcfoza.png)

Please continue reading to find out how to create it on your Store
---

# CREATING THE MOON PHASES LAYER

On your Artwork Editor, click on the + button, then select `Moon Phases`

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/screenshot-2026-08-28-165715_1hyvmfa.png)

After that, you will see the following menu:

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/screenshot-2026-08-28-170935_1bkhkrp.png)

Continue reading to find what these setting does below
---

# GENERAL SETTINGS

###### Default Date

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/screenshot-2026-08-28-171209_1pfowrf.png)

The `default date` you set will determine the Moon Phase preview image's date.

###### Default Location (Latitude, Longitude)

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/screenshot-2026-08-28-171258_3eivvg.png)

The `default location` you set will determine the default point of view of the Moon.

To get the latitude & longitude of a location: Search a location on **Google maps > Right click on the marker > copy the "latitude, longitude" number OR copy it on the url**.

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_j33qa9.png)
###### Moon Type
You can change the type of the Moon

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/screenshot-2026-08-28-171403_masekh.png)
They'll change based on the type you selected

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/teeinblue-portal-google-chrome_mx73l0.png)


###### Moon Color
You can also choose the Color of the Moon. ***Please note that the Color only appears for the Round and Heart types***

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/screenshot-2026-08-28-172029_qzr6z4.png)
---

# PERSONALIZATION SETTING

| You should find these settings pretty familiar. We will still walk you through a few common settings below.

###### Add toggle to show/hide
Allow the Customers to toggle on/off the Calendar layer.

###### Personalization for this layer:
You can choose one of three features
* *No personalization*: turn off personalization options
* *Create a new option*: create a new option
* *Use an existing global option*: select an existing Global option

###### Option Title
Show the label of the text field on storefront.

###### Allow customers to change Location

| If your store only sells in one country, you don't need to enable this feature. Your customers only need to enter a date and the moon will always be at the default location.

The Customers will be able to select a location to view the Moon Phases.

| To change location, please set up a connection with a Map Service (Mapbox or Google Maps API) in our app. This allows customers to search for a location and view the corresponding Moon Phases image. You can find a guide on how to connect to a Map Search [here.](/en/article/connect-mapbox-google-maps-account-hft6y1/)

The following image will help to demonstrate what these settings do:

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/screenshot-2026-08-28-172957_1798a0i.png)

###### Mark as required
Enable this option if it's a mandatory field to place order.

###### Show customization data on cart/checkout
Enable this setting if you want to view the detail of the Spiral Text inside Cart Page, and Shopify Order details
---

# Auto populate custom data to a custom text field based on the Moon's customization

| You can now add a custom text fields to automatically populate information such as location name, date, time, longitude, latitude from the Moon Phase layer.

| Be sure to read more about on auto-populate values feature [here](/en/article/auto-populate-values-from-other-options-maps-star-maps-10w90oi/).

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/image_x9nnm4.png)

To do so, please follow these steps:

* Create a text layer like you usually do
* Select Populate values from other options. In this case, since you want to populate the date from the Moon Phase, please select `Moon phase layer (Moon Phase - Date)`

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/screenshot-2026-08-28-174823_9r819i.png)

* Continue to create another text for the place if you want to. Since you want to populate the value of place, select `Enter a location (Moon Phase - Location)`

![](https://storage.crisp.chat/users/helpdesk/website/-/6/0/8/5/6085dc2a7293d800/screenshot-2026-08-28-175553_1sf5ozb.png)
---

# CREATING YOUR CAMPAIGN

Once you're done with the Artwork, add it to your Campaign like usual:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1mcomnt.png)

Be sure to double-check it on your Storefront to make sure all is good:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_4bl74h.png)

Once you got an order, the rendered file should look like this:

![](https://storage.crisp.chat/users/helpdesk/website/6085dc2a7293d800/image_1mb9jcu.png)

|| The Moon Image is rendered at a maximum size of `3240x3240 pixels` , providing exceptionally high detail and clarity. It will remain sharp and suitable for printing on any product size.