Make More Details on Cat page to be a button instead of Text

[creatinggenius]

I want to make the "More Details" on Cat pages to be a image button instead of text. How can I do this?

[mazhar]

Its already an image check following line of code in ConLib/AddToCartLink.ascx

Code: Select all

<asp:HyperLink ID="MoreDetailsLink" runat="server" SkinId="MoreDetailsButton" Text="More Details" EnableViewState="false" Visible="false" ></asp:HyperLink>

[creatinggenius]

Can I put my own Image like a gif in its place?

[mazhar]

Yes for this just replace More Details image in your current themes images folder.

[creatinggenius]

I see a image named "more_btn.gif" but this is not the one used on site. It looks nothing like the More Details on the site. It does not seem like the "More Details" is really an image.

It seems that "More Details" is text as I am able to add a color background.
<asp:HyperLink ID="MoreDetailsLink" runat="server" SkinId="MoreDetailsButton"
Text="More Details" EnableViewState="False" Visible="False"
ForeColor="White" BackColor="Black"></asp:HyperLink>

Forecolor="white" and Backcolor="Black" does work.

But by doing this it applies to all "More Details" - Cat and right hand side.

[creatinggenius]

Looking at the site http://209.23.122.96/, please look at the "More Details" that appear in Cat pages and on Right hand side. These certaining seem like Text to me.
The only image button I have for More Details called http://209.23.122.96/App_Themes/militar ... _btn11.gif is not the image being used.

1) Is there a way I can make More Details be a Image button than that would work well.
Can you please tell me how to do this.

2) Or getting back to my original question is then a way to change More Details only on right hand panel.

Thanks

[creatinggenius]

I figured on how to change the code to make More Details a image instead of text.
I added the " ImageUrl="../App_Themes/military/images/moredetails_btn.gif" " code. See Sample below.

<asp:HyperLink ID="MoreDetailsLink" runat="server" SkinId="MoreDetailsButton"
Text="More Details" EnableViewState="False" Visible="False"
ForeColor="White" ImageUrl="../App_Themes/military/images/moredetails_btn.gif"></asp:HyperLink>