> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://support.customall.io/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).

# How to Set Up Zodiac Feature

Customall provides a Zodiac feature. This feature allows your customers to select a birth date and automatically create a design based on their zodiac sign.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1fof43o.png)

The article below will guide you through the setup process for the Zodiac feature:

1. Go to Artwork editor → Click on the **+** icon → Select **Zodiac** 

2. The Layer Settings section includes:

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1hlf55h.png)

###### - Depend on another layer:

Enable this layer to be dependent on another zodiac layer, ensuring identical attributes.

###### - Default Setting

* **Select date**: Select your desired date.
* **Zodiac style**: Select the zodiac style you want to display on the storefront.
You can add a new zodiac style by clicking the **Upload** button.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_gl90yi.png)

A pop-up will appear where you can enter the style name, upload a thumbnail for the style, and upload images for all zodiac signs.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1fo4nnu.png)

|| Recommended file size: 1500x1500 pixel, max 10MB

To replace an image, click the image and upload a new file.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_37fp5w.png)

After the upload is complete, click **Save Changes** to save your zodiac style.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1j8qgt2.png)

To edit or delete an existing zodiac style, **double-click** on the style you want to modify. A pop-up will appear, allowing you to make changes or delete it.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/zodiac_s6frka.gif)

|| The default style options provided by Customall are fixed and cannot be modified.

###### - Personalization

* **Allow buyers to personalize**: Check this box to let customers customize the zodiac.

**DATE**
* **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.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_15m8qdy.png)

**ZODIAC STYLE**
* **Allow buyers to change styles**: Enable the toggle to let customers choose their favorite style from a list of options you provide.
* **'Select zodiac style' label**: Displays the title for the zodiac style selection field on the storefront (e.g., Choose Zodiac Style).
* **Zodiac style**: Choose available styles for customers.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1hyb4q8.png)

It will appear on the storefront like this:

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_8p3511.png)

###### - Apply to all templates

Enable zodiac layer settings and features from one template to be applied to other templates with the same layer ID within the artwork.

3. To add a date or zodiac name layer that automatically updates when selecting a date for the zodiac, **right-click** on the zodiac layer → select **Add Date Layer** or **Add Zodiac Name**.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_1qqakdu.png)

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

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_lp379p.png)

| The Layer ID of the Date or Zodiac Name must match the first part of the Zodiac Layer ID to ensure it updates automatically when the date changes.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/image_xv6tyt.png)

On the storefront, the date and zodiac name will change automatically when customers select a date.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/8/3/6/a836ece0c4805800/zodiac-demo_68dhiu.gif)

4. Click here for user experience demonstration: [Zodiac Feature Demonstration](https://demo.customall.io/products/personalized-zodiac-poster)