topic Re: Suggestion - "Add to shopping basket" link in Archive

Suggestion - "Add to shopping basket" link

graemewilliams — Mon, 22 Feb 2010 15:52:35 GMT

This is a suggestion for BT eShop development team......

I feel that the "Add to shopping basket" link on a product page is difficult for some customers to find. This link must be 100% clear. Our sales rely upon it.

Any chance it could be made to look like a button with user-configurable colour options?

Thanks

Re: Suggestion - "Add to shopping basket" link

eShopTeam — Tue, 23 Feb 2010 09:20:03 GMT

Hello,

thank you for your suggestion. We will foward this to the development team to analyze how to improve this.

Best Regards

Re: Suggestion - "Add to shopping basket" link

moellthemaggot — Tue, 23 Feb 2010 14:09:03 GMT

Hi,

perhaps this is helpful:

Go to Settings -> General Settings -> Advanced Settings

...and enter the following code in the text area:

<style>
.LinkBasket {
background: url("ADRESS OF THE IMAGE YOU WANT TO USE") !important; /* You can use the file manager (content menu) of your shop to upload one you like, the adress to enter in that case for your shop is "/WebRoot/BT/Shops/BT3146/49A4/9A96/C951/EB95/B5F7/0A0A/33D4/C307/FILENAME" */
padding: 1px 0 3px 20px; /* These are the default values, edit them if you like to fit your new bg image */
}
</style>

Cheers!

EDIT: forgot adding the <style> tag... Now it should work properly

Re: Suggestion - "Add to shopping basket" link

graemewilliams — Sat, 13 Mar 2010 10:56:56 GMT

thanks for the tip, moellthemaggot

I just got round to trying your idea but unfortunately I couldn't get it to work. I uploaded an image using File Manager. Then inserted the following code:

I'm not an HTML expert. Do you notice anything wrong?

Cheers for any help

Re: Suggestion - "Add to shopping basket" link

moellthemaggot — Fri, 19 Mar 2010 15:47:35 GMT

Hey man!

You forgot the "()"


<style>
.LinkBasket  {
background:url("http://www.rikkismusic.com/WebRoot/BT/Shops/BT3146/MediaGallery/Add_to_Basket.gif") no-repeat scroll 0 0 transparent !important;
}
</style>

Just copy & paste it - should work fine.

One hint: you cannot delete the default "add to shopping cart" text, so don't write it within the picture 😉

What this code does is adding a background image for the "add to shopping cart link"

Tell me if it worked out for you.

Cheers!

Re: Suggestion - "Add to shopping basket" link

graemewilliams — Sat, 20 Mar 2010 01:25:54 GMT

hi moellthemaggot

It worked an absolute treat. I knocked up a button in photoshop and added as per your advice.

Here is button on product page (very happy):

http://www.rikkismusic.com/epages/BT3146.sf/en_GB/?ObjectPath=/Shops/BT3146/Products/vintage-v6-guitar/SubProducts/vintage-v6ssb-guitar

Here is button on category page (not so happy but prepared to live with it):

http://www.rikkismusic.com/epages/BT3146.sf/en_GB/?ObjectPath=/Shops/BT3146/Categories/Guitars/Acoustic_Guitars

Thanks a lot for the tip. I really appreciate it.