Moon Phases feature
This feature lets customers enter a location to view the Moon Phases based on the selected date and location.
Please continue reading to find out how to create it on your Store
On your Artwork Editor, click on the + button, then select Moon Phases
After that, you will see the following menu:
Continue reading to find what these setting does below
The default date you set will determine the Moon Phase preview image's date.
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.
You can also choose the Color of the Moon:
You should find these settings pretty familiar. We will still walk you through a few common settings below.
Allow the Customers to toggle on/off the Calendar layer.
If you want the Customers be able to pick a Date from the Calendar, please enable Enable personalization button.
Show the label of the text field on storefront.
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.
The following image will help to demonstrate what these settings do:
Enable this option if it's a mandatory field to place order.
Enable this setting if you want to view the detail of the Spiral Text inside Cart Page, and Shopify Order details
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.
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)
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)
Once you're done with the Artwork, add it to your Campaign like usual:
Be sure to double-check it on your Storefront to make sure all is good:
Once you got an order, the rendered file should look like this:
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.
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
After that, you will see the following menu:
Continue reading to find what these setting does below
GENERAL SETTINGS
Default Date
The default date you set will determine the Moon Phase preview image's date.
Default Location (Latitude, Longitude)
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.
Moon Color
You can also choose the Color of the Moon:
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 Options:
If you want the Customers be able to pick a Date from the Calendar, please enable Enable personalization button.
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.
The following image will help to demonstrate what these settings do:
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.
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)
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)
CREATING YOUR CAMPAIGN
Once you're done with the Artwork, add it to your Campaign like usual:
Be sure to double-check it on your Storefront to make sure all is good:
Once you got an order, the rendered file should look like this:
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.
Updated on: 21/03/2025
Thank you!