[Suranas Jewelove]

Is it possible to exchange the 'Go to Checkout' button's position & size with the Continue shopping button?
Screenshot attached. Relevant buttons marked.

[smoothsailingco.com]

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:

<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:

<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.

[BeachToyz:4357051@deleted]

thanks for this. I don't understand why this is not the default!