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 08-14-2013, 12:16 PM
Suranas Jewelove's Avatar
Suranas Jewelove is offline
 
Join Date: Aug 2010
Location: India
Posts: 136
Default

Enhance Checkout Now button & reduce Continue Shopping button


Is it possible to exchange the 'Go to Checkout' button's position & size with the Continue shopping button?
Screenshot attached. Relevant buttons marked.
  #2  
Old 08-14-2013, 10:48 PM
smoothsailingco.com's Avatar
smoothsailingco.com smoothsailingco.com is offline
 
Join Date: Dec 2011
Location: CA / FL
Posts: 345
Default

It's possible but I don't think you can do it with pure CSS since it involves swapping positions.

You can do it with javascript:
Code:
<script>
var blnButtonSwapRan = false;
Ecwid.OnPageLoaded.add(function(page) {
    if ( page.type == "PRODUCT" && blnButtonSwapRan == false) {
        var continueShopping = $("div.ecwid-ContinueShoppingButton");
        var openBag = $("button.ecwid-productBrowser-details-openBagButton");
        var placeHolder = $("button.ecwid-productBrowser-details-openBagButton").before('<span id="TEMPPLACEHOLDERNAME"></span>');
        placeHolder = $("#TEMPPLACEHOLDERNAME");
        
        continueShopping.before(openBag);
        placeHolder.before(continueShopping).remove();
        blnButtonSwapRan = true;
    }
});
</script>
You'll need jquery:
Code:
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
This only swaps the buttons, you'll need to change their looks with CSS.

I think you'll need to change the size of the "Continue Shopping" image: http://d3lsmbh0k6qtyk.cloudfront.net...e_shopping.png and then update the CSS to the new height/width. "Go to Checkout" is a button and should be easy to just change it's height/width with just CSS.

Last edited by smoothsailingclothing; 08-14-2013 at 10:52 PM.
The Following 2 Users Say Thank You to smoothsailingco.com For This Useful Post:
Corwin (04-21-2014), Viktor D. (12-13-2013)
  #3  
Old 04-20-2014, 05:00 PM
BeachToyz:4357051@deleted's Avatar
BeachToyz:4357051@deleted BeachToyz:4357051@deleted is offline
Junior Member
 
Join Date: Mar 2014
Posts: 1
Default

thanks for this. I don't understand why this is not the default!
The Following User Says Thank You to BeachToyz:4357051@deleted For This Useful Post:
John R Perry (01-03-2015)
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
checkout button, design

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 03:15 AM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.