Using Vibracart Paypal with RapidWeaver

Vibracart works well with RapidWeaver (our site uses it) and unlike some other RW carts it doesn't require a special page type for your Paypal buttons. This means you can install Vibracart on existing pages where you have Paypal add to cart buttons. Just follow these steps.

All cart modes

1) Upload the vibracart folder to the root of your site as described in the manual. This should be at http://www.yoursite.com/vibracart/ for example.

2) Open the Page inspector and click the HTML icon and then the Head tab. Paste in these lines.

<link href="/vibracart/vibracartstyle1.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/vibracart/settingsstyle1.js"></script>
<script type="text/javascript" src="/vibracart/vibracart.js"></script><br>

For the embedded cart mode replace vibracartstyle1.css with vibracartstyle2.css and replace settingsstyle1.js with settingsstyle2.js
For the mini cart mode replace vibracartstyle1.css with vibracartstyle3.css and replace settingsstyle1.js with settingsstyle3.js

3) Click the Body tab and paste in these lines

<script type="text/javascript">
startcart(); 
</script><br>

like this

If you are using the Popup Cart mode then this is all that is needed. Only steps 2 and 3 need to be repeated for additional pages on your site.

Embedded Cart Mode only

For the embedded cart mode you need to decide where you want the cart to appear and paste in this code

<script language="javascript" type="text/javascript"> insertcart() </script><br>

Select it all and click Ignore Formatting from the Format menu in RW. It should change to a pink colour to tell Rapidweaver that its code.

Embedded mini cart only

For the embedded cart mode you need to decide where you want the mini cart to appearand paste in this code

<p align="center"><img src="/vibracart/widgetcart.png" width="32" height="32" onClick="showCart();"></p>
<p align="center"><span id="showitemcount">0</span> items<br>
<span id="showcarttotal">$0.00</span></p>
<p align="center"><a href="" onclick="showCart(); return(false)">View Cart</a><br>
<a href="" onclick="checkOut(); return(false)">Checkout</a></p><br>

Select it all and click Ignore Formatting from the Format menu in RW. It should change to a pink colour.