Add to Cart popup spelling mistake

[AroArijan]

Store: tesunto.myshopify.com

Password:itaete

I'm using the knight theme and when i add a product to  my cart, a popup is shown and It says: (Product name) Has add to cart susscess!

I want to correct that to say: (Product name) has been added to the cart successfully!

[CodeCorners]

Hi @AroArijan,

This issue can be fixed by make changes in coding. I can fix this issue.

[Jasoliya]

Hi @AroArijan 

Your cart success msg is pre-defined so you have to find it in code.

Check in Theme.liquid find if you have added any addcart popup snippet added. you just need to find this file then you can change text

Or Search in main search bar addcart or popup 

[oscprofessional]

Hello AroArijan,

1. Go to Online Store->Theme->Edit Language

Follow below steps as shown in screenshots

[AroArijan]

I have found a snippet named : template-popup.liquid and i found some text but i dont know how to change it

Here is everything in that file: 

{% if theme-load =="icon" %}
<div class="ajax-load">
<span class="loading-icon">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="24px" height="30px" viewBox="0 0 24 30" style="enable-background:new 0 0 50 50;" xml:space="preserve">
<rect x="0" y="10" width="4" height="10" fill="#333" opacity="0.2">
<animate attributeName="opacity" attributeType="XML" values="0.2; 1; .2" begin="0s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="height" attributeType="XML" values="10; 20; 10" begin="0s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="y" attributeType="XML" values="10; 5; 10" begin="0s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="8" y="10" width="4" height="10" fill="#333" opacity="0.2">
<animate attributeName="opacity" attributeType="XML" values="0.2; 1; .2" begin="0.15s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="height" attributeType="XML" values="10; 20; 10" begin="0.15s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="y" attributeType="XML" values="10; 5; 10" begin="0.15s" dur="0.6s" repeatCount="indefinite" />
</rect>
<rect x="16" y="10" width="4" height="10" fill="#333" opacity="0.2">
<animate attributeName="opacity" attributeType="XML" values="0.2; 1; .2" begin="0.3s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="height" attributeType="XML" values="10; 20; 10" begin="0.3s" dur="0.6s" repeatCount="indefinite" />
<animate attributeName="y" attributeType="XML" values="10; 5; 10" begin="0.3s" dur="0.6s" repeatCount="indefinite" />
</rect>
</svg>
</span>
</div>
{% elsif theme-load =="popup" %}
<div class="loading gred-popup">
<div class="overlay"></div>
<div class="loader" title="2">
<svg width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="{{settings.color_main}}">
<g fill="none" fill-rule="evenodd" stroke-width="2">
<circle cx="22" cy="22" r="1">
<animate attributeName="r"
begin="0s" dur="1.8s"
values="1; 20"
calcMode="spline"
keyTimes="0; 1"
keySplines="0.165, 0.84, 0.44, 1"
repeatCount="indefinite" />
<animate attributeName="stroke-opacity"
begin="0s" dur="1.8s"
values="1; 0"
calcMode="spline"
keyTimes="0; 1"
keySplines="0.3, 0.61, 0.355, 1"
repeatCount="indefinite" />
</circle>
<circle cx="22" cy="22" r="1">
<animate attributeName="r"
begin="-0.9s" dur="1.8s"
values="1; 20"
calcMode="spline"
keyTimes="0; 1"
keySplines="0.165, 0.84, 0.44, 1"
repeatCount="indefinite" />
<animate attributeName="stroke-opacity"
begin="-0.9s" dur="1.8s"
values="1; 0"
calcMode="spline"
keyTimes="0; 1"
keySplines="0.3, 0.61, 0.355, 1"
repeatCount="indefinite" />
</circle>
</g>
</svg>
</div>

</div>
{% endif %}

{% if addcart-susscess =="popup" %}
<div class="addcart-popup product-popup gred-popup">
<div class="overlay no-background"></div>
<div class="content">
<a href="javascript&colon;void(0)" class="close-window close-popup"><i class="fa fa-close"></i></a>
<div class="product-image">
<img alt="" src="{{ 'logo.png' | asset_url }}" style="max-width:100px; height:auto"/>
</div>
<div class="product-info">
<p class="product-name"></p>
<p class="success-message btn-cart">{{ 'products.product.cart_success_text' | t }}</p>
<div class="actions">
<button class="btn btn-small btn-primary btn-cart" onclick="window.location='/cart'">{{'cart.general.goto_cart' | t }}</button>
<button class="btn btn-small btn-checkout" onclick="window.location='/checkout'">{{'cart.general.goto_checkout' | t }}</button>
</div>
</div>
</div>
</div>

<div class="wishlist-popup product-popup gred-popup">
<div class="overlay no-background"></div>
<div class="content">
<a href="javascript&colon;void(0)" class="close-window close-popup"><i class="fa fa-close"></i></a>
<div class="product-image">
<img alt="" src="{{ 'logo.png' | asset_url }}" style="max-width:100px; height:auto"/>
</div>
<div class="product-info">
<p class="product-name"></p>
<p class="success-message btn-cart">{{ 'products.product.wishlist_success_text' | t }}</p>
<div class="actions">
<button class="btn btn-small btn-primary " onclick="window.location='/pages/wish-list'">{{'cart.general.goto_wishlist' | t }}</button>
</div>
</div>
</div>
</div>

{% elsif addcart-success =="noitice" %}
<div class="r-noitice product-noitice susscess">
<!--a class="close-noitice" href="#" title="">x</a-->
<div class="noitice-content">
<div class="mini-item clearfix flexbox">
<div class="product-image">
<img alt="" src="{{ 'logo.png' | asset_url }}" style="max-width:35px; height:auto"/>
</div>
<div class="product-info">
<span class="product-name"></span>
<span class="text">
{{ 'products.product.cart_success_text' | t }}
</span>
</div>
</div>
</div>
</div>

{% elsif addcart-success =="text" %}

{% endif %}

<div class="error-popup gred-popup">
<div class="overlay no-background"></div>
<div class="popup-inner content">
<div class="error-message"></div>
</div>
</div>

What do i change here?

[Jasoliya · Accepted solution]

Follow this:

1. open Locales-> en.default.json file and search for 'cart_success_text'

change text that you want and save it.