Shop now button in product card

[Josh_01]

I want to add shop now button in shopify free refresh theme 

thanks

[JasmeetVT14313]

Hi @Josh_01 
Can you please share the screenshot where you want to add the button "Shop Now" and on this button click what functionality do you want. Please elaborate so that I can guide you better.

If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!

[Josh_01]

like that  add to cart button I want to add Shop now button which on click opens the product page for respective product. Thanks for your reply

[JasmeetVT14313]

Hi @Josh_01 

In that case the button will have to be custom coded.
1> Add the below code to "card-product.liquid" file line 325. Check attached screenshot for details

 <div class="shop-now-btn">
          <a class="button button--full-width button--secondary" href="{{ card_product.url }}">Shop Now</a>
        </div>

2> Add the below code to end of "component-card.css" file

.shop-now-btn {
  padding: 0 2.3rem 2rem;
}

NOTE: This will add the "Shop Now" button to all the cards i.e. where ever a collection is displayed.

If this information was helpful to you, please give it a Like. If it resolved your issue, kindly hit Like and mark it as the Solution! Thank you!