Foundation 6 + RapidCart Pro - Some issues

[Garymac (Gary)]

Hello fellow weavers,

Over that past 18 months or so, I have been migrating away from pre-built RW Themes to Foundation 6. It’s a steep learning curve and (with the help of the F6 community) I’m slowly getting there. I love the design flexibility that’s possible with F6.

I have a few selling websites that use RapidCart Pro however there are some glitches and whilst they don’t affect the functionality of RapidCart Pro they are annoying nonetheless.

The first is a layout issue affecting the location of the input text box for coupon codes. I’ve included two images which show the shopping cart on the current website (built with a RW Theme) and the new Foundation 6 site currently under construction. I’ve contacted Foreground but no anwer as yet. I’m not sure if this is an issue for them or WeaverSpace but thought I’d ask if anyone else has experienced this issue and if they know how to fix.

Foragers Foods, Growers of Chillies, Herbs and Apples

http://foragers21.mcalpinecms.co.uk/shop/?catalog/all/-/date/1

The second issue is a Javascript error which is displayed in RW Preview;

• Error: UIkit required jQuery (1x)"

At this point I should come clean and say that I haven’t yet got to grips with the full features of UIkit as it looks way above my knowledge base.

I love these 2 RW Plugins and hope I can find a solution to use them together without these glitches.

Many thanks in advance.

Gary

[teefers (Doug Bennett)]

Don’t know about the JS error that would be something for Foreground (@gibo or @rob) to address.

as for the coupon, this might fix it until they get back:

.uk-form > :last-child {
      display: flex;
      justify-content: flex-end;
}

[rob (Roberto Tremonti)]

The theme you are using forces input fields to be “block” (single element in a new line).

Just use the following CSS code to fix the behaviour.

.uk-text-right [type=text] { display: inline-block !important; }

[Garymac (Gary)]

Many thanks @teefers and @rob. Both these solutions fix the location of the Coupon Code input field however they also change the location of the payment buttons on all product pages (whether custom or RCP generated). Is there a way to force payment buttons to left align (see attached)? whilst maintaining the Coupon Code location?

Cheers,
Gary

[rob (Roberto Tremonti)]

My solution definitely shouldn’t change position of other elements.

[Garymac (Gary)]

Thanks @rob you are quite right! I forgot to clear my cookies and site data.