Can I customise the Quick Cart section?

FAQ: Can I customise the Quick Cart section?

By using custom Javascript code you can rename the Quick Cart section, View Cart and Checkout buttons.

1. Login to your PowaWEB site, go to Manage Website > Edit Website
2. Select the Home page in the Website Map tree and switch to the Edit Page tab
3. Switch to the Page Sections tab, drag an HTML page section to the Home page and place it in any container
4. Open the HTML section in the edit mode and add the following javascript code:

<script type="text/javascript">
$(document).ready(function(){
        $(".quickCartSection h3").text("New Title");
        $(".quickCartSection .title").text("New Title");
        $("input[value='View Cart']").attr("value","New Name for View Cart");
        $(".quickCartSection input[value='Checkout']").attr("value","New Name for Checkout");
});
</script>

Replace the New TitleNew Name for View Cart and New Name for Checkout with the appropriate titles.

To rename the section's title only, the following code should be added instead:

<script type="text/javascript">
$(document).ready(function(){
        $(".quickCartSection h3").text("New Title");
        $(".quickCartSection .title").text("New Title");
        });
</script>

To rename the View Cart button only, paste the following code instead:

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

To rename the Checkout button only, paste the following code instead:

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

5. Once the required code snippet has been added, click Done
6. Then click on the first icon (triangle) for this HTML page section and select 'Make Page Section Shared' if you wish to add this section to specific pages only (see point 8 below if the changes should be applied to all pages). Please remember that the code snippet must be present on all pages where the Quick Cart section is displayed.
7. Click Done to save changes. 
8. If you wish for the changes to be applied to all site pages, please go to Manage Website > Edit Webmaster Verification (Working with the HEAD section) and paste the code snippet into that window.
9. Publish the site for the changes to be applied online.

 

Have more questions? Submit a request

0 Comments

Article is closed for comments.