New JunkieCart stack for RapidWeaver

[willwood]

I released an E-Junkie stack for RapidWeaver a few years ago. In conjunction with the release of Stacks 2.5 last week, I've totally overhauled and rebuilt this stack from scratch. I needed it for a client project and I also wanted to use it in the new Stacks4Stacks website too!



http://stacks4stacks.com/junkiecart/



The goal of the new JunkieCart stack is to provide an almost code-free method to incorporate fully customisable (pure CSS / retina-display enabled) 'Buy Now' and 'Add To Cart' buttons into your website, next to products you're selling via E-Junkie. Using this stack, you can also easily change many translations and style settings of the shopping cart itself. The screenshot below shows what you can do with the standard E-Junkie cart and the JunkieCart stack.



https://dl.dropboxusercontent.com/u/422052/stacks4stacks/press/junkiecart-stack.jpg



This stack element remains totally free to download and use an unlimited number of times in your personal or commercial RapidWeaver projects. You continue to setup and manage your products via the E-Junkie website, as before. I hope this stack element is of use to many people and provides yet another viable e-commerce solution that integrates tightly within RapidWeaver.



System requirements: RapidWeaver 5.3 or later and Stacks 2.0 or later. A RapidWeaver theme with an HTML5 doctype, Bootstrap 3 and Font Awesome Icon support is recommended, but not essential.

[E-junkie_Guru]

Fantastic! We always love to see our clients building tools to enhance their use of E-junkie and offering those tools to the public for broader benefit. As it happens, we recently updated our RapidWeaver help page, so I've just now added a mention and link for your stack to that page:

http://www.e-junkie.com/ej/help.sites.rapidweaver.htm



BTW, I noticed your Requirements are not listed on your Stacks4Stacks page, so you may wish to consider adding those there. :^)

[sgt_bilko]

I am currently putting together my first Rapidweaver site for a book I hope to complete in the near future so I was pretty amazed to see that there was a Stack for the e-junkie shopping cart.



Right now I'm trying this with a 3rd party responsive theme but I can see the cart window is not responsive so I wondered if there was any kind of workaround to make this roll with a responsive site?



I just tried playing around with some of Joe Workman's responsive stacks but with no luck. Ideally I'd like the cart button to sit on the right hand side of the screen underneath an image of the book and then automatically move inwards as appropriate on smaller browser sizes.



Thanks



Ashley

PS I'm using RW 6.0.2 with Stacks 2.6.8.

[E-junkie_Guru]

I can't address your questions about RapidWeaver or Stacks, since we don't provide those, but I can at least say that our box.js cart overlay script should automatically detect when the buyer is on a mobile device. In that case, the cart buttons work in "fallback" mode, opening a separate window/tab to display the cart. This makes best use of the available screen space on mobile devices vs. displaying the overlay-style cart inside your page.



I've submitted some proposals to Development to improve the fallback cart's responsive design; meanwhile, until they have a chance to implement those, you can help matters by making sure any custom logo/header image you may upload to us is no wider than 320px, as the width of that image currently determines the minimum width of the fallback cart's layout.

[sgt_bilko]

I have another site with an e-junkie cart but unfortunately it is not yet responsive, which I need to change. What I can tell you is that when I clicked on the Add To Cart button a new window appeared that filled the screen on my Android smartphone in a way that made sense and everything was clearly displayed, so it would seem that your script is detecting mobile devices correctly, even if my old site isn't!



Willwood's implementation of the e-junkie cart is clever in principal and certainly makes the configuration easy but not being responsive at present is a bit of problem because the cart doesn't move when the rest of site does on mobile devices. Being brand new to Rapidweaver I haven't yet had an opportunity to insert any code from another source so I'll need to look into that.

[E-junkie_Guru]

We have now rolled out responsive improvements to our cart display on mobile devices:

https://www.e-junkie.com/bb/topic/7004