Setting

ASO Shopify App provides an extensive range of features and customization options to enhance the design and functionality of your signage products. This guide aims to walk you through the essential settings and options available within the App, ensuring you can make the most of its capabilities. From general configurations and output preferences to customizer settings and language options, each section is designed to help you tailor the App to fit your unique business needs. Dive into the detailed settings below to get started with optimizing your ASO App setup.

1. General

The General settings in the ASO Shopify App provide fundamental configuration options that affect the overall operation of the App.

1.1 Product :

Here they are:

1.1.1 Enable design from scratch: You can tick this option to enable design from scratch, which makes your client able to begin design from scratch or with a template.

1.1.2 Redirect to cart page after adding a custom design to the cart: With this option, you can define what to do after a design is added to the cart.

1.1.3 Redirect to checkout page after adding a custom design to the cart: This is to make it more efficient by reducing the number of steps your customer needs to take before they complete their order.

1.1.4 Hide add to cart button for custom on product detail page: With this option, you can decide if you want to hide the add to cart button for custom product on the page or not.

1.1.5 Hide design buttons on shop page: With this option, you can easily hide the customization button on your store page.

1.1.6 Hide add to cart buttons for custom product on shop: With this option, you can hide the add to cart button from the customizable product that is on the store page.

1.2 Output :

Here in the output section, you can choose the files format you want and also upload a watermark icon/img to be used. So click on the PNG to change to the output you want and click on the upload popup img to upload your watermark icon.

1.2.1 Apart from that, you have the zip output file you can enable and disable: When enabled, you put what would be written on the downloaded file by the end; if disabled, then no need to do that.

1.2.2 You can also enable the design composition: This will give you the details of your design in your order or you can disable it and not have it in your order. Save by the end when finished.

1.3 Mobile options :

Here concerns the mobile version.

1.3.1 Show navigation menu on mobile: Here you can choose to show the navigation menu on mobile or not.

1.3.2 Show navigation menu first: Here you have the possibility to jump right to a specific selection from the navigation menu.

1.3.3 Mobile selection options display: Here you choose whether the mobile selection display as horizontally scrollable options on the mobile version or should be stacked vertically. When finished, be sure to save.

2. Customizer Sign :

Customizer Sign settings allow you to define the behavior and appearance of the sign customizer interface.

2.1 Customizer options: Here you choose the measurement unit and decimal format of measurement and same here where you choose whether to show or hide the measurement. You can also choose where to place the desktop column order, so either right or left, and save when finished.

2.2 Sign Part: Here you tick and decide if your sign will be double-sided or not, and then you give a label and name the two parts as you wish.

2.3 Text: Here you choose fonts and define the text color of labeling it and you give the colors name. When done, you scroll down where you can add more color or enable custom, and then you upload a color preview or an icon for the color (here you are free to do as you wish).

2.3.1 Enable font size: You can give them a minimum and maximum font size and a default size too, as you wish. Lastly, you can enable text options like bold, underline, italic, etc. When done, save.

2.4 Image: Here you can tick to enable image download, and below it, you can also tick to enable the upload of images. Right below it, you have the box for upload minimum and maximum width with the format type you have too. Enable the clipart group to choose the group of clipart you are using (e.g., Animals, Foods, Shapes, etc.). You can also enable custom color and a preview image for the color and must only for images that are in SVG.

2.4.1 Add more color: Click on Add more color to add more color. Next is the preview scene; click on add preview scene if you want to add one. Then filter, where you can choose the filter you wish to use (e.g., Blur, sepia, opacity, etc.). Click on save when finished to save everything.

3. Language/Image :

Language and Image settings enable you to manage, support, and configure image options within the ASO App. In this section, you can work on the visualizer, upload design, and image. You can rewritte the section you want in the language you want.

3.1 Visualizer: Here you work on your content header where you can write in all the brackets available and put in the title and much more as you wish it to be, and in the language you want it to be in. Same for the Action on selected object in the canvas, Content sidebar, Button options, Rest modal.

3.1.1 Put in the text displayed on your configurator overall: Just put in the text in each bracket and save when finished.

3.2 Upload design: Here you can enable a custom design link that helps you direct your customer to another page on your website, and this will display as one of the first options on the desktop and mobile. You also put your phrase for the link to submit the custom design page. To get started, click on (enable custom link), and below it, you can put the URL that will redirect customers on your site to another page and under it, put in the phrase for the link.

3.2.1 Message displayed when the help button is clicked: When done, you can now put the message that will be displayed when the help button is clicked.

3.3 Images: Here you choose the icon for each section available, and to do that, you click on Upload icon under each text (reset all, change icon size, etc.).

4. Theme/Colors :

• Choose  the skin you want and  change colors according to your design
• Add  custom  css to  make your own  customization  on the skin that choose

Theme and Colors settings provide control over the visual aspects of the ASO App, allowing you to customize the look and feel of the App interface to match your brand identity. This section includes options for selecting color schemes, skin appearance of your customizer, and defining custom color palettes for use in sign designs. By configuring these settings, you can ensure that the App appearance aligns with your website’s design and enhances the overall user experience.

4.1 Choose skin: We have a default skin and an additional skin, so you click on the skin you want and save.

4.2 Colors: Here you simply choose the color you want for all the sections available to make it match your brand. Click on the arrow in the image down below to open each section and change the color you want.

4.3 Custom CSS: Here you can put your custom CSS code in case there is something you want to add in the CSS part. You can easily do it by just writing the code and clicking on save to save.