The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 07-07-2013, 08:21 AM
elpiano1's Avatar
elpiano1 is offline
 
Join Date: Apr 2013
Posts: 5
Default

Place order screen adding HTML code


Hello,

I would like to insert a custom text with a link and a logo just above the button "place order" on place order screen.

I assume I need to insert a HTML code to do all that (or Javascript one) Could you let me know, how I can achieve my objective?

Thank you!

MJ
  #2  
Old 07-09-2013, 11:45 AM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Quote:
Originally Posted by elpiano1 View Post
Hello,

I would like to insert a custom text with a link and a logo just above the button "place order" on place order screen.

I assume I need to insert a HTML code to do all that (or Javascript one) Could you let me know, how I can achieve my objective?

Thank you!

MJ
Hello MJ,

Yes, it is totally possible using simple Javascript code:
Code:
<script type="text/javascript">
Ecwid.OnPageLoaded.add(function(page){
    if (page.type == "CHECKOUT_PLACE_ORDER") {
       custom_elements = jQuery("<a href='http://link_to_the_site'>Sample link</a><br /><img src='http://example.com/simple-image,jpg' />")
       jQuery(custom_elements).insertBefore('div.ecwid-Checkout-placeOrderButton');
    }
})
</script>
You will need to place the HTML code that should be shown above "Place order" button inside custom_elements variable. This code should be placed to the source of the page, where Ecwid store is installed.

Please, note that this script requires jQuery library installed on your site for correctly. If you have not installed it yet, you should just paste following script before </head> tag on your site:
Code:
<script src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js'></script>
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #3  
Old 10-16-2015, 12:42 PM
Sebastian Trampler's Avatar
Sebastian Trampler Sebastian Trampler is offline
Junior Member
 
Join Date: Oct 2015
Posts: 1
Default

Hello,

I tried to add the code above but nothing changed and I can't find a mistake in my code.
Can someone help, please.


Code:
<div>
    <script type="text/javascript"
            src="https://app.ecwid.com/script.js?XXXXXX&amp;data_platform=code&amp;data_date=2015-10-16"
            charset="utf-8">
    </script>
    <script type="text/javascript">
        //<![CDATA[
        xProductBrowser("categoriesPerRow=3", "views=grid(3,3) list(10) table(20)", "categoryView=grid", "searchView=list", "id=my-store-XXXXXX");
        //]]>
    </script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/2.0.1/jquery.min.js' type="text/javascript">
    </script>
    <script type="text/javascript">
        //<![CDATA[
        Ecwid.OnPageLoaded.add(function (page) {
            if (page.type == "CHECKOUT_PLACE_ORDER") {
                custom_elements = jQuery("Test")
                jQuery(custom_elements).insertBefore('div.ecwid-Checkout-placeOrderButton');
            }
        })
        //]]>
    </script>
</div>

Last edited by Sebastian Trampler; 10-16-2015 at 12:46 PM.
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
customize design, html, place order

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 05:35 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.