Edit Style Properties in Amaze

Edit Style Properties in Amaze


The layout of Amaze templates are fixed and cannot be modified however, you can change the look and style of certain elements to suit your brand from the Customize screen. After adding products and the clicking Next - Customize button, you are redirected to the Customize screen. You can also navigate to the Customize screen at any time by clicking on Customize in the left sidebar.

Change the look and style of the following elements from the right sidebar of the customize screen: 
  1. Accent element color: Click on the color swatch labeled Accent at the top of the right sidebar to open the color picker. Select a new color, then click off of the color picker to close it.
  2. Heading font: Click on the dropdown labeled Headings below in the Fonts section of the right sidebar to open a predefined list of heading fonts. Click on a font from the list to apply it to all heading text in the template. 
  3. Body font: Click on the dropdown labeled Body below the Fonts section of the right sidebar to open a predefined list of body fonts. Click on a font to apply it to all body text in the template. 
  4. Transition animation: Click on a transition style in the Transition Type section of the right sidebar to apply it to the template. Swipe through the preview in the center of the interface to see what the transition looks like. 
  5. Transition speed: Use the toggle under Transition Speed in the right sidebar to slow down or speed up the transition speed. Move the toggle to the right to increase transition speed; move it to the left to decrease it.
  6. Click behavior for the button at the bottom of the shopping cart: By default, the button at the bottom of the shopping cart will redirect visitors to your Shopify-hosted checkout page. In some cases, you may want to send shoppers to your store’s shopping cart before checkout. You can do this by checking the box for Go To Cart in the Cart Button Options section of the right sidebar. This option is particularly useful if you have discount, promotion or upsell apps installed on your store’s shopping cart. 
Font color for each text element is managed individually on the Edit Content step. 
When you are done setting style properties, click the Next - Edit Content button at the bottom of the right sidebar to navigate to the Edit Content screen. 


    • Related Articles

    • Edit Content in Amaze

      While the template will automatically retrieve certain product data from Shopify and update styles based on your selections on the Customize step, you will also need to provide non-product content for things like background images, logos, copy, etc ...
    • Add Products to Your Amaze Template

      You can add, remove or update products featured in your template from the Add Products screen. When you click the Start Customizing button from the Page Details screen after creating a project, you are automatically redirected to the Add Products ...
    • Add the Amaze Sales Channel To Your Shopify Store

      To get started, you will need A Shopify account. Your Shopify Store URL Your Shopify login credentials. Disable Pop Up Blockers Please disable your pop-up blocker when you're trying to connect your Shopify store with Amaze, as the installation button ...
    • Create a new project in Amaze

      After adding the Amaze channel to your store, connecting your Amaze account to Shopify and launching Amaze from your Shopify admin, you can create a new Amaze landing page. Click on Templates in the top nav menu to navigate to the template library.  ...
    • Remove the Amaze Channel from your Store

      To remove the Amaze sales channel from your Shopify account: From your Shopify admin, click Settings, and then click Sales channels. Click the trash can next to Amaze to remove it. If you want to give a reason for removing the channel, then enter it ...