Suggestion - "Add to shopping basket" link

[graemewilliams]

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

[eShopTeam]

Hello,

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

Best Regards

[moellthemaggot]

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

[graemewilliams]

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:

<style>
.LinkBasket {
background: "http://www.rikkismusic.com/WebRoot/BT/Shops/BT3146/MediaGallery/Add_to_Basket.gif" !important;
padding: 1px 0 3px 20px;
}
</style>

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

Cheers for any help

[moellthemaggot · Accepted solution]

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!

[graemewilliams]

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-guit...

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/Acous...

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