need help in redesign add to cart buttons

Shopify Partner
19 1 0

hi everyone , 

i need help to redesign the product page button just like shown in the attached image. please have a look 

my theme is = deshop

Store URL = my store

Target URL = Target view


Screenshot_7.png

 

thanks in advance. 

0 Likes
Highlighted
Excursionist
25 4 3

Add the custom CSS code below into bottom of frame.scss.css file inside assets folder of your theme

.product_single_detail_section #AddToCart,
.shopify-payment-button { width: 55%; }
.shopify-payment-button { margin: 15px 0 0;}
.shopify-payment-button .shopify-payment-button__button--unbranded { width: 100%; }
0 Likes
Highlighted
Shopify Partner
19 1 0

@FrankMoore  wow... great help... if you check here

the buttons are not aligned properly as shown in the attached screenshot... bundle of thnx for your help.Screenshot_9.png

0 Likes
Highlighted
Shopify Partner
997 43 119

Dear discky,

 

Hope this will help.

 

Go to online store-->Themes -->Customize-->Product pages from droupdown---> Click on Product Pages (at left slider)-->Uncheck "Show dynamic checkout button" and Save

Thanks & Regards
MS Web Designer
Get Free Store Audit Report
20000+ Task Completed
1000+ Satisfied Client
9.9*/10 Customer Rating
10*/10 Shopify Services Marketplace
0 Likes