Fat free shopping cart and styling

[judkels]

I've been setting up a fat free shopping cart (www.e-junkie.com) and it works ok but I am wondering how to alter the postion of the 'view cart' icon.

 

It is presently set to be in the top left hand corner of the website and it's addition pushes the banner and heading down the page as the 'view cart' icon adds to the vertical height. This has the affect of making the page be 'out of kilter' with all the other pages in my navigation bar - where the banner isn't pushed down.

 

Secondly can I use a different image for 'add to cart' and 'view cart' or must I use the ones provided by fat free?

 

Below is the code they suggest using. I know this is perhaps not as good as a 'proper' shopping cart php code but for me as a beginner it seems a useful start to get an idea of how these things work. Also it is free and I'm not sure yet if I want to pay out large sums.

 

Any ideas?

Many thanks

Judy

 

<!-- ADD TO CART button code. -->

<form action="https://www.e-junkie.com/ecom/fgb.php?c=cart&cl=1&ejc=2&quot;'>https://www.e-junkie.com/ecom/fgb.php?c=cart&cl=1&ejc=2" target="ej_ejc" method="POST">

 

<!-- paypal email(remove if not using PayPal) -->

<input type="hidden" name="business" value="your_paypal_email"/>

 

<!-- google merchant id (remove if not using Google Checkout) -->

<input type="hidden" name="merchant_id" value="your_google_merchant_id"/>

 

<!-- site url -->

<input type="hidden" name="site_url" value="http://yoursite.com"/>

 

<!-- contact email (where we can notify of the updates) -->

<input type="hidden" name="contact_email" value="your@email.address"/>

 

<!-- item name -->

<input type="hidden" name="item_name" value="Test Item"/>

 

<!-- item number (should be different for each product)-->

<input type="hidden" name="item_number" value="1"/>

 

<!-- item price -->

<input type="hidden" name="amount" value="1.00"/>

 

<!-- initial quantity -->

<input type="hidden" name="quantity" value="1"/>

 

<!-- item options (can be removed if not required) -->

<input type="hidden" name="on0" value="Size"/>

<select name="os0" >

<option value="S">S</option><option value="M">M</option>

</select>

<input type="hidden" name="on1" value="Color"/>

<select name="os1" >

<option value="Orng">Orng</option><option value="Blk">Blk</option>

</select>

<input type="hidden" name="on2" value="Message"/>

<input name="os2" type="text" value="Hello World"/>

 

<!-- shipping cost -->

<input type="hidden" name="shipping" value="1">

 

<!-- shipping cost of each additional unit -->

<input type="hidden" name="shipping2" value="0.5">

 

<!--handling cost -->

<input type="hidden" name="handling" value="0.5">

 

<!-- tax (flat amount, NOT percentage)-->

<input type="hidden" name="tax" value="0.50"/>

 

<!-- following options are applicable to whole cart-->

 

<!-- you thank you page -->

<input type="hidden" name="return_url" value="http://www.e-junkie.com/"/>

 

<!-- any custom info you want to pass for the whole order -->

<input type="hidden" name="custom" value="anything"/>

 

<!-- currency (USD for Google Checkout USA, GBP for Google Checkout UK. For PayPal: any currency that PayPal supports -->

<input type="hidden" name="currency_code" value="USD"/>

 

<input type="image" src="https://www.e-junkie.com/ej/ej_add_to_cart.gif" border="0" onClick="javascript:return EJEJC_lc(this.parentNode);">

</form>

 

 

<!-- VIEW CART button code. -->

<a href="https://www.e-junkie.com/ecom/fgb.php?c=cart&cl=1&ejc=2&

merchant_id=your_google_merchant_id&business=your_paypal_email" target="ej_ejc" class="ec_ejc_thkbx" onClick="javascript:return EJEJC_lc(this);"><img src="https://www.e-junkie.com/ej/ej_view_cart.gif" border="0"></a>

<script language="javascript" type="text/javascript">

<!--

function EJEJC_lc(th) { return false; }

// -->

</script>

<script type="text/javascript"

src="https://www.e-junkie.com/ecom/box.js"></script>

[newseed]

I know nothing of this shopping cart. Based on the code you've provide it seems that you can place in the area where you want to appear. However, we can determine this unless we can see your site with the cart.

 

As for the icon images, again, not familiar with that shopping cart. Nevertheless, I did notice that one of script (add to cart) has an image tag that points to that ejunkie site. You could try replacing that path with your image file. It should work but I do not know it will behave when checking out because it may throw a SSL security error.