How to move Printful's PERSONALIZE button

Simone1212
Tourist
15 0 1

Hey, 

how can I move Printful's PERSONALIZE button? 
Right now the button is below the ADD TO CART button and this order doesn't make sense. From screen recordings I saw that most people people clicked the ADD TO CART button without personalizing the shirt first. 

Screenshot 2020-07-20 at 06.57.47.png

0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

Hey @Simone1212,

Go to Online Store -> Themes -> Click dropdown -> Edit code 

Go to sections -> product-template.liquid file.

Find add to cart and personalize button code there and move code of personalize button to the above add to cart button code.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Simone1212
Tourist
15 0 1

Thank you for your quick response.

The problem is, I can't find the PERSONALIZE button  

I guess this is the area of code where I should find it but I don't. I can only find the ADD TO CART button (btw I am using the Brookly theme)

 

<div class="product-single__add-to-cart{% if section.settings.add_to_cart_button_size == 'large' %} product-single__add-to-cart--full-width{% endif %}">
<button type="submit" name="add" id="AddToCart--{{ section.id }}" class="btn btn--add-to-cart{% if section.settings.enable_payment_button %} btn--secondary-accent{% endif %}"{% unless current_variant.available %} disabled="disabled"{% endunless %}>
<span class="btn__text">
{% if current_variant.available %}
{{ 'products.product.add_to_cart' | t }}
{% else %}
{{ 'products.product.sold_out' | t }}
{% endif %}
</span>
</button>
{% if section.settings.enable_payment_button %}
{{ form | payment_button }}
{% endif %}
</div>
{% endform %}

</div>

<div class="product-single__description rte" itemprop="description">
{{ product.description }}
</div>

0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

Hey @Simone1212,

The code is not there but not sure yet. Is it possible for you to provide your product page URL?

So I can check?

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Simone1212
Tourist
15 0 1
dmwwebartisan
Shopify Partner
4373 980 1252

Hey @Simone1212,

Thanks for the URL. I inspect your page. I doubt with the following code of add to cart button. It shows that is for the payment button but I doubt. This code is using for your personalize button.

Check the following screenshot. Try to do it and let me know if this works.

printful-button.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Simone1212
Tourist
15 0 1

It didn't work. Did I move to the wrong place?

Screenshot 2020-07-20 at 08.35.03.png

0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

Hey @Simone1212,

Strange. Reverse it!

Do you have other product template files that you created?

Let me know.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
Simone1212
Tourist
15 0 1

Pagefly, but I am not using pagefly templates for the customizable shirts. So it's only the default Brookly theme template.

0 Likes
dmwwebartisan
Shopify Partner
4373 980 1252

Hey @Simone1212,

Download your theme. In your theme files. Find pfCustomizeProductBtn this class in on that button.

You need to do  Find in files.

If you get that class somewhere then code should be there and you can try to change that file's code.

 

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes