4 / 4
Sep 2015

Hello,



I've read the article on shopping cart customization. I have been able to remove the "continue shopping" button in desktop but not in mobile. I have a responsive theme, so does additional coding need to be added to my theme for mobile customization? Or is it impossible to customize for mobile?



I'm also considering removing the word "checkout," as well as the word "or" between the two buttons, but I couldn't find the javascript on your site for doing so. I'm considering this because in the mobile view, the Paypal and Pay with Card buttons are pushed further down by the word "checkout" (I assume these are coded as four columns which then become vertically stacked in mobile responsive view). I'm trying to do all I can to make the Paypal and Pay with Card buttons immediately visible upon loading to maximize conversions.



Here is my page: http://personalityjunkie.com/my-true-type-book/



Here is my current Ejunkie View Cart code:



<a href="https://www.e-junkie.com/ecom/gb.php?c=cart&cl=247964&ejc=2" target="ejejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="http://personalityjunkie.com/wp-content/uploads/2014/02/paypal-view-cart.jpg" border="0" alt="View Cart"/></a><script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

function EJEJC_config() {

EJEJC_POSTCALL=true; }

function EJEJC_shown(){

jQuery("#btnContShop").remove();}

// -->

</script>

<script src='http://www.e-junkie.com/ecom/box.js' type='text/javascript'></script>



Thanks in advance for any insights!

  • created

    Jun '15
  • last reply

    Sep '15
  • 3

    replies

  • 1.6k

    views

  • 4

    users

  • 4

    links

Unfortunately it is not currently possible to customize the cart's appearance on mobile devices. We use and adjusted version of our fallback cart which has been designed to display better on smaller screens but it won't take any of the customizations you can enter for the overlay cart that appears in a desktop browser.

3 months later

Hi, I have asimilar question. We had customization (added a lot of text) to our shopping cart which is not visible neither on mobile nor on tabs. Is there any way to make the shopping cart the same as desktop version, at least with the tab? Many thanks!

Only the overlay-style cart that appears "inside" your own page can be customized. Note that customization of the overlay cart is page-specific, so make sure you add cart customization code to your View Cart code on every page where you want customizations to appear.



Whenever the overlay cart cannot work for any reason -- e.g., due to missing or garbled View Cart code in the affected page, or disabled javascript in the buyer's browser -- the buttons work in "fallback" mode by opening a separate window/tab to display the cart. Aside from a custom logo/header you can upload in Seller Admin > Edit Preferences, this version of the cart cannot be customized. We also use this fallback cart on mobile devices to make best use of the limited screen area and allow buyers to use their touchscreen pinch/swipe gestures to zoom and pan the cart.



Also note that items a buyer adds to the overlay cart will not appear in the fallback cart and vice-versa, so make sure the cart buttons on all pages of your site are showing the same type of cart display. Usually this is just a matter of making sure every page has at least one block of your View Cart code.