Personalize button and Add to cart button together in Dawn theme

If you want to use your native Add to Cart button to add uncustomized products to the cart together with the Personalize button that redirects to the CPB Custom product builder page, you need to follow the steps below.

Important: in the other Shopify 2.0 themes, the process is similar but not exactly the same.

1. Make sure that the personalized button mode is activated in your template. You can find more information about the initial installation of CPB - Custom product builder in your theme in this article.

2. Go to your themes library and press the "Edit code" button

3. find and open buy-buttons.liquid file, and in this file, find the line:

<div class="product-form__buttons">

4. Ad the following line before it:

<div class="cpb-payment-buttons"></div>

5. Now, you need to find the customproductbuilder.css file. If you don't have it - create it in the assets. Please check this article to find out how to connect CSS file in the Dawn them and other Shopify 2.0 themes

In this file, add the following code:

.product-form__buttons {
display: block;
}

.button.personalize-it--js {
margin-bottom: 1rem;
}

6. Now, both Add to cart button and the Personalize button added to the product page

Important: in the other Shopify 2.0 themes, the process is similar but not exactly the same. If you need assistance with this, please contact our support team.