change Product card button in Featured Collection

[DASCPA]

Hi all, is it possible to change the text from 'add to cart' to 'ENTER NOW' and it to link to the product page? Theme trade. 

Site not yet live

Thank you 

[Trugle]

Hey,

Yes, it's absolutely possible to change the "Add to Cart" text to "Enter Now" on a product button. If you'd like, we can handle this customization for you quickly and ensure it works perfectly.

Thank you,

Team Trugle

Contact Us:

Website: www.trugle.in

Email: trugleofficial@gmail.com

WhatsApp: +91 9034807417

[ZestardTech]

Hello @DASCPA 

1. In your Shopify Admin, go to Online Store > Themes > Actions > Edit Default Theme Content > Products.
2. Search for the "Add to Cart" text and replace it with this content: ENTER NOW.
   
   

Screenshot 1 - https://prnt.sc/NELyfgSjEckk
Screenshot 2 - https://prnt.sc/zrHlOEjpHKtW
Screenshot 3 - https://prnt.sc/kX5UwOjzoNsu

Thank you!

[DASCPA]

Thank you Zestard, and is there a way to change the URL to the product, not add the item to cart? Thanks

[ZestardTech]

Hello @DASCPA 

In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
Find Snippets > card-product.liquid, and search for the following code:

<button
id="{{ product_form_id }}-submit"
type="submit"
name="add"
class="quick-add__submit button button--full-width button--secondary{% if horizontal_quick_add %} card--horizontal__quick-add{% endif %}"
aria-haspopup="dialog"
aria-labelledby="{{ product_form_id }}-submit title-{{ section_id }}-{{ card_product.id }}"
aria-live="polite"
data-sold-out-message="true"
{% if card_product.selected_or_first_available_variant.available == false %}
disabled
{% endif %}
>
<span>
{%- if card_product.selected_or_first_available_variant.available -%}
{{ 'products.product.add_to_cart' | t }}
{%- else -%}
{{ 'products.product.sold_out' | t }}
{%- endif -%}
</span>
<span class="sold-out-message hidden">
{{ 'products.product.sold_out' | t }}
</span>
{%- if horizontal_quick_add -%}
<span class="icon-wrap">
{{- 'icon-plus.svg' | inline_asset_content -}}
</span>
{%- endif -%}
{%- render 'loading-spinner' -%}
</button>

Screenshot: https://prnt.sc/62Kd-TeVwYFo

Remove the above code and replace it with the following:

<a
href="{{ card_product.url }}"
class="quick-add__submit button button--full-width button--secondary{% if horizontal_quick_add %} card--horizontal__quick-add{% endif %}"
aria-labelledby="{{ product_form_id }}-submit title-{{ section_id }}-{{ card_product.id }}"
>
<span>
{%- if card_product.selected_or_first_available_variant.available -%}
{{ 'products.product.add_to_cart' | t }}
{%- else -%}
{{ 'products.product.sold_out' | t }}
{%- endif -%}
</span>
{%- if horizontal_quick_add -%}
<span class="icon-wrap">
{{- 'icon-plus.svg' | inline_asset_content -}}
</span>
{%- endif -%}
</a>

Screenshot: https://prnt.sc/_o-NG_iZeuvJ

[steve_michael2]

Hello,

Please follow these steps

1) Go to Online Store
2) Edit Code
3) Find en.default.json file
4) Find add to cart, then change the text to "Enter Now"