How can I rename the Buy button?

FAQ: How can I rename the Buy button?

Option 1. Rename the Buy button for all products on Product Lists and Product Details pages

1. Go to Manage Website > Edit Webmaster Verification dialog window (Working with the HEAD section) and enter the code: 

<script type="text/javascript">
$(document).ready(function(){
        $("input[value='Buy']").attr("value","New Title");
});
</script>

Replace New Title with a new name for the Buy button

2. Save the changes and publish the site 


Option 2. Rename the Buy button for specific products only


Step 1. Mark required products
1. Find a product in the Manage Products grid and click on Edit Product 
2. Go to Full Description, click on the View HTML button and add the following code snippet (before or after the product description, if present):

<div class="specific skip"></div>

3. Go to Short Description, click on the View HTML button and add the following code snippet (before or after the product description, if present):

<div class="specific skip"></div>

4. Click Done to save changes

Step 2. Adding specific Javascript code 
1. Go to Manage Website > Edit Webmaster Verification dialog window (Working with the HEAD section) and enter the code: 

<script type="text/javascript">
$(document).ready(function(){
    $(".text .specific").parents(".productListThbBlock").addClass("specific");
    $(".text .specific").parents(".featuredProductListThbBlock").addClass("specific");
    $(".text .specific").parents(".productDetailsSection").addClass("specific");
    $(".specific .smallBtn").attr("value","New Title");
});
</script>

Replace New Title with a new name for the Buy button

2. Save the changes and publish the site


Option 3. Rename the Buy button for the Product Details page or specific product lists


For the Product Details Page

The Buy button will be renamed on the Product Details page for all products

1. Go to Manage Website > Edit Website, select the Product Details page in the Website Map tree, switch to Edit Page, drag the HTML page section to the page, place it under the Product Details section and paste the following code:

<script type="text/javascript">
$(document).ready(function(){
    $(".productDetailsSection .smallBtn").attr("value","New Title");
});
</script>

Replace New Title with a new name for the Buy button

2. Save the changes and publish the site

For the Category Pages

The Buy button will be renamed for all products displayed on the selected category page

1. Go to Manage Website > Edit Website, select required category page in the Website Map tree, switch to Edit Page, drag the HTML page section to the page, place it under the Product List section and paste the following code:

<script type="text/javascript">
$(document).ready(function(){
    $(".productListThbSection .smallBtn").attr("value","New Title");
});
</script>

Replace New Title with a new name for the Buy button

2. Save the changes and publish the site

For Featured Products

The Buy button will be renamed for all featured products displayed on the selected page

1. Go to Manage Website > Edit Website, select required page (where featured products are present) in the Website Map tree, switch to Edit Page, drag the HTML page section to the page, place it under the Product List section and paste the following code:

<script type="text/javascript">
$(document).ready(function(){
    $(".featuredProductListThbSection .smallBtn").attr("value","New Title");
});
</script>

Replace New Title with a new name for the Buy button

2. Save the changes and publish the site
 

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.