Thread: My brain has evaded me - really simple question

Hi

We have implemented PayPal Express today and are getting a lot of new customers registering with Paypal

However the PayPal button overshadows our Checkout Now button on the shoppingcart.aspx page. I want to add the creditcard.jpg image in the skins folder to the shoppingcart.aspx page but for the life of me cannot seem to do it!

I know its been a 13 hour day but can this be done?

A.Idiot.

Would i need to add

CCIMage.ImageUrl = AppLogic.LocateImageURL("skins/skin_" & SkinID.ToString() & "/images/creditcards.gif")

Somewhere in the shoppingcart.aspx or aspx.vb file?

Or perhaps just dive into a pool of warm coffee to wake me up, cannot believe something so simple seems to be floating around in my brain....oh for the days of HTML!

What version are you on? If this is v8012 - lower, you can just simply use <img> tag to your .aspx file.

Code:

<img runat="server"  src="skins/skin_1/images/icon_minimize.jpg" />

The "AppLogic.LocateImageURL" is only used within .cs or code-behind forms.

Code:

ccimage = AppLogic.LocateImageURL("skins/skin_1/images/creditcard.gif");

In V9.x, it's done differently. See this thread.

Excellent! last question, is there anyway to make the Checkout Now Button stand out a bit? (Different colour or different image?

I found this is a previous thread

"he 'Checkout Now' button has a class assigned to it called 'CheckoutNowButton', we just don't have that class in the stylesheet by default. Open up the /skins/skin_#/style.css file and add something like

#content .CheckoutNowButton
{
font-size: 3em;
}

But when I add this it still does not make a difference.

DeanFP/people,

Did you find a solution to styling or using an image button for the checkout now or any other shopping cart buttons? Were working with a client to optimize the entire checkout process & need to improve beyond the basic stylings!

Kind regards,

Open your style.css (should be located in your skin_# folder) and find .CheckOutNowButton class(if not yet there, just add it). If you want an image instead of the text, change the shoppingcart.cs.111 string from the StringResource manager to empty and add the lines below to your style.css.

Code:

.CheckoutNowButton
{
width:150px;
height:35px;
border:0px;
background:url('images/Your_checkout_button.gif') no-repeat center top;
cursor:hand;
}