How to Set Up Star Map Feature
Customall now offers the Star Map feature, enabling customers to create personalized star maps that capture special moments. By selecting a location, date, and time, they can see exactly how the sky looked at that unforgettable moment.
The article below will guide you through the setup process for the star map feature:
Go to Artwork editor → Click on the + icon → Select Star Map
The Layer Settings section includes:
Enable this layer to be dependent on other star map layer, ensuring identical attributes.
Location: Choose the location where you want the star map to be centered.
Date and time: Select the specific date and time for your star map.
Star color: Enter a hex color code to customize the color of the stars.
Star size: Adjust the size of the star map (range: 5 to 20).
Star magnitude: Set the brightness level of the stars (range: -1 to 6).
Background: Click the Upload button to add a background to your star map.
A pop-up will appear where you can enter the background name, upload background image and a thumbnail. You can click on an image to replace it.
Once you are done, click Save changes to save your background.
Recommended file size: 1500x1500 pixels, max 10MB
To edit or remove a background, double-click on it. A pop-up will appear where you can make changes or delete it.
Shape: Click the Upload button to add a shape to your star map.
A pop-up will appear where you can enter a shape name, upload a shape image and a thumbnail. You can click on an image to replace it.
Once you are done, click Save changes to save your shape.
Upload a PNG file with a transparent background (max size: 10MB).
To edit or remove a shape, double-click on it. A pop-up will appear where you can make changes or delete it.
Zoom level: Adjust how close or far the stars appear. You can set it between 1 (far) to 5 (close).
DEFAULT DETAILS
Constellation: Enable this option if you want to display the lines connecting the stars to form constellations.
Constellation size: Appears when the constellation option is enabled, allowing you to adjust the thickness of the constellation lines (range: 0 to 10).
The color of the lines will match the star color.
Milky way: Enable this option if you want to show the soft, glowing band of light representing the Milky Way.
Grid lines: Enable this option to display latitude and longitude lines in your design.
Grid line color: Appears when the grid lines option is enabled, allowing you to select their color.
Grid line size: Appears when the grid lines option is enabled, allowing you to adjust their thickness (range: 0 to 10).
Allow buyers to personalize: Enable this option to let customers customize the star map.
DATE AND TIME:
Date and time label: Display the title of date picker field on the storefront. (e.g., When Was Your Moment?)
Date and time help text: Additional explanations displayed when needed.
LOCATION:
Search location label: Displays the title of the location input field on the storefront. (e.g., Where Was Your Moment?)
Search location help text: Additional explanations displayed when needed.
MAP STYLE & DETAILS:
Allow buyers select background:
"Select background" label: Displays the title for the background selection field on the storefront (e.g., Choose The Background)
Buyer can select: Choose the background for customers to select.
It will appear on the storefront like this
Allow buyers select shape:
"Select shape" label: Displays the title for the shape selection field on the storefront (e.g., Choose The Shape)
Buyer can select: Choose the shape for customers to select.
It will appear on the storefront like this
Allow buyers personalize details:
"Select detail" label: Displays the title for choosing detailed options on the storefront (e.g., Choose Detailed Options)
Detail selector: Choose the display mode for showing personalize details (Constellation/ Milky Way)
It will appear on the storefront like this
Enable star map 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/ location that automatically updates when selecting a date/ location for the star map, right-click on the star map layer → select Add Date Layer/ Add Location.
In the Layer Settings of the date layer, you can choose the date format you want to display on your storefront.
The Date and Location Layer ID must match the first part of the Star Map Layer ID to ensure it updates automatically when the date/ location changes.
On the storefront, the date and location will change automatically when customers select their desired Star Map date.
Click here for user experience demonstration: Star Map Feature Demonstration
The article below will guide you through the setup process for the star map feature:
Go to Artwork editor → Click on the + icon → Select Star Map
The Layer Settings section includes:
- Depend on another layer:
Enable this layer to be dependent on other star map layer, ensuring identical attributes.
- Default Setting
Location: Choose the location where you want the star map to be centered.
Date and time: Select the specific date and time for your star map.
Star color: Enter a hex color code to customize the color of the stars.
Star size: Adjust the size of the star map (range: 5 to 20).
Star magnitude: Set the brightness level of the stars (range: -1 to 6).
Background: Click the Upload button to add a background to your star map.
A pop-up will appear where you can enter the background name, upload background image and a thumbnail. You can click on an image to replace it.
Once you are done, click Save changes to save your background.
Recommended file size: 1500x1500 pixels, max 10MB
To edit or remove a background, double-click on it. A pop-up will appear where you can make changes or delete it.
Shape: Click the Upload button to add a shape to your star map.
A pop-up will appear where you can enter a shape name, upload a shape image and a thumbnail. You can click on an image to replace it.
Once you are done, click Save changes to save your shape.
Upload a PNG file with a transparent background (max size: 10MB).
To edit or remove a shape, double-click on it. A pop-up will appear where you can make changes or delete it.
Zoom level: Adjust how close or far the stars appear. You can set it between 1 (far) to 5 (close).
DEFAULT DETAILS
Constellation: Enable this option if you want to display the lines connecting the stars to form constellations.
Constellation size: Appears when the constellation option is enabled, allowing you to adjust the thickness of the constellation lines (range: 0 to 10).
The color of the lines will match the star color.
Milky way: Enable this option if you want to show the soft, glowing band of light representing the Milky Way.
Grid lines: Enable this option to display latitude and longitude lines in your design.
Grid line color: Appears when the grid lines option is enabled, allowing you to select their color.
Grid line size: Appears when the grid lines option is enabled, allowing you to adjust their thickness (range: 0 to 10).
- Personalization
Allow buyers to personalize: Enable this option to let customers customize the star map.
DATE AND TIME:
Date and time label: Display the title of date picker field on the storefront. (e.g., When Was Your Moment?)
Date and time help text: Additional explanations displayed when needed.
LOCATION:
Search location label: Displays the title of the location input field on the storefront. (e.g., Where Was Your Moment?)
Search location help text: Additional explanations displayed when needed.
MAP STYLE & DETAILS:
Allow buyers select background:
"Select background" label: Displays the title for the background selection field on the storefront (e.g., Choose The Background)
Buyer can select: Choose the background for customers to select.
It will appear on the storefront like this
Allow buyers select shape:
"Select shape" label: Displays the title for the shape selection field on the storefront (e.g., Choose The Shape)
Buyer can select: Choose the shape for customers to select.
It will appear on the storefront like this
Allow buyers personalize details:
"Select detail" label: Displays the title for choosing detailed options on the storefront (e.g., Choose Detailed Options)
Detail selector: Choose the display mode for showing personalize details (Constellation/ Milky Way)
It will appear on the storefront like this
- Apply to all templates
Enable star map 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/ location that automatically updates when selecting a date/ location for the star map, right-click on the star map layer → select Add Date Layer/ Add Location.
In the Layer Settings of the date layer, you can choose the date format you want to display on your storefront.
The Date and Location Layer ID must match the first part of the Star Map Layer ID to ensure it updates automatically when the date/ location changes.
On the storefront, the date and location will change automatically when customers select their desired Star Map date.
Click here for user experience demonstration: Star Map Feature Demonstration
Updated on: 13/03/2025
Thank you!