Instructions for Features to Style your Store
The Store Settings section allows you to personalize your store, strengthen brand recognition, and improve the customer experience. Our Store Settings include:
General Settings
Custom CSS
Language Translation
Option Display Mode
Custom Colors
To access these settings, go to the Settings screen → click on Online Stores → Hover over Action → click on Settings
Enable this option to save the customer information entered into the order item property on Shopify → Choose an option → Click Save
Option 1: Using clipart index
Customized information is saved according to the ordinal number of the clipart (e.g., Hairstyle: 2).
Option 2: Using clipart title
Customized information is saved according to the clipart name (e.g., Hairstyle: Black_02).
You can check the customer's customized information by going to the Order section on Shopify. Click on the order code you want to check, the information will be saved as shown below:
This customized information will also be displayed to the customer when they add items to the cart and check out.
Enable this option to display a popup when customers return to the product page. The popup will ask if they would like to automatically fill in the personalization information they previously started but did not complete.
Popup header image: Check this box to upload an image that will appear at the top of the popup.
Popup title: Enter the title for the popup.
Popup content: Enter the message to display in the popup.
Yes button: Enter the text to display for the "Yes" option.
No button: Enter the text to display for the "No" option.
Customizing CSS allows you to tailor the look and feel of your store to match your brand’s identity and provide a better user experience. Some areas you can customize include:
Typography
Layout & Spacing
Colors & Backgrounds
Buttons & Links
Product Display
...
Always remember to test your changes on different devices to ensure your store remains responsive and user-friendly.
You can translate the content on your product page by following these steps:
Click on Add New Language
Select your desired language and click Save
Click Add Static Text to enter the text you want to translate
Once you have added all the necessary text, click Save again to confirm your settings.
In this section, you can select how your variants are displayed on the product page.
Normal attribute:
You can choose the option style for your attribute as either Selectable boxes or Dropdown.
They will display on your storefront like this.
Color attribute:
When you enable color swatches in the Color Swatches section, you can select Using Color Image Pattern.
You also can choose the swatch shape: Square or Circle
Hidden an attribute option when there's only one value
You can use this feature to hide the attributes that contain only one value in your product.
In this section, you can change:
Primary color (including active buttons, selected image borders, checkmarks, text input borders, and open dropdown borders)
Add to Cart button (background, border, and text color),
Preview button (background, border, and text color).
After saving the changes, it will take 3-5 minutes for Customall to update.
To reset all color settings, click the Clear All button. Once you confirm, Customall will automatically save the changes, remove your custom colors, and revert your store to the default Customall color scheme.
General Settings
Custom CSS
Language Translation
Option Display Mode
Custom Colors
To access these settings, go to the Settings screen → click on Online Stores → Hover over Action → click on Settings
General Settings
1. Save customized customer information in item properties
Enable this option to save the customer information entered into the order item property on Shopify → Choose an option → Click Save
Option 1: Using clipart index
Customized information is saved according to the ordinal number of the clipart (e.g., Hairstyle: 2).
Option 2: Using clipart title
Customized information is saved according to the clipart name (e.g., Hairstyle: Black_02).
You can check the customer's customized information by going to the Order section on Shopify. Click on the order code you want to check, the information will be saved as shown below:
This customized information will also be displayed to the customer when they add items to the cart and check out.
2. Display popup suggesting customers to auto-fill previous personalized info
Enable this option to display a popup when customers return to the product page. The popup will ask if they would like to automatically fill in the personalization information they previously started but did not complete.
Popup header image: Check this box to upload an image that will appear at the top of the popup.
Popup title: Enter the title for the popup.
Popup content: Enter the message to display in the popup.
Yes button: Enter the text to display for the "Yes" option.
No button: Enter the text to display for the "No" option.
Custom CSS
Customizing CSS allows you to tailor the look and feel of your store to match your brand’s identity and provide a better user experience. Some areas you can customize include:
Typography
Layout & Spacing
Colors & Backgrounds
Buttons & Links
Product Display
...
Always remember to test your changes on different devices to ensure your store remains responsive and user-friendly.
Language Translate
You can translate the content on your product page by following these steps:
Click on Add New Language
Select your desired language and click Save
Click Add Static Text to enter the text you want to translate
Once you have added all the necessary text, click Save again to confirm your settings.
Option Display Mode
In this section, you can select how your variants are displayed on the product page.
Normal attribute:
You can choose the option style for your attribute as either Selectable boxes or Dropdown.
They will display on your storefront like this.
Color attribute:
When you enable color swatches in the Color Swatches section, you can select Using Color Image Pattern.
You also can choose the swatch shape: Square or Circle
Hidden an attribute option when there's only one value
You can use this feature to hide the attributes that contain only one value in your product.
Custom Colors
In this section, you can change:
Primary color (including active buttons, selected image borders, checkmarks, text input borders, and open dropdown borders)
Add to Cart button (background, border, and text color),
Preview button (background, border, and text color).
After saving the changes, it will take 3-5 minutes for Customall to update.
To reset all color settings, click the Clear All button. Once you confirm, Customall will automatically save the changes, remove your custom colors, and revert your store to the default Customall color scheme.
Updated on: 22/03/2025
Thank you!