http://www.maingear.com/boutique/pc/configurePrd.asp?idproduct=1217" rel="nofollow - http://www.maingear.com/boutique/pc/configurePrd.asp?idproduct=1217

I have seen a post that they tried it and I am not a asp guy I do more php ect. so I out of my zone in moding the code. So if anyone could help me mod the configprdcode page or anything that could make this possible any help would be appreciated.

(i noted on this sites code they made the category name appear in a div that has an id that the css targets to put the background picture in)

Thanks ,

Stephen T.

 

One point you should be aware of is that Maingear is a fairly heavily altered code base which has been worked on by multiple dev teams over the years, so while that is certainly an example of what can be done, that particular site has seen a lot of coding hours go into it.

 

Regardless, what's been done in this regard is fairly simple so long as one is familiar wtih ASP.  If you look at category images in a site such as http://www.sportco.com" rel="nofollow - www.sportco.com , each is presented in the stock form as a surface image.  In Maingear, what they did was alter the ASP so that the dynamic image reference pulled from the database was referenced as a background.   I take it you already discovered that. 

 

As for why this was done, or why you need it, I'm unclear about that and somewhat curious.  I'm not seeing what Chris and the guys over at MG achieved by this strategy, so rather than focussing on why they did it, perhaps you could share what you are trying to accomplish?  If you have a backaground are you then going to set HTML text over it?

 

Trying to coach you as to how to do this via the forum might be difficult as it will be largely dependent upon the precise layout you seek to achieve.   However, if you scroll down in viewcategories.asp, just below the H1 tag, you will find a section titled "Show large category image".  It is in that area that you would begin editing your page if you want to experiment with such a change.   Just keep a backup copy you can revert to if things go poorly. 

http://www.dinopc.com/shop/pc/configurePrd.asp?idproduct=1093" rel="nofollow - http://www.dinopc.com/shop/pc/configurePrd.asp?idproduct=1093

or something just to make it less plain.

Thanks for your response,

Stephen

 

And you have yet again turned to a site that is heavily altered.  Dino has been around for quite a while and has been pretty extensively tweaked.

 

At a high level I feel certain that you will have to make edits to the BTO configuration stuff in the admin so that the appropriate images which you want to associate with each such category can be edited.  Then you need to work your way through ConfigurePrdCode.asp and locate the section that displays those title bars, apply logic changes and probably CSS class changes in order to show these images on the front end. 

<p><b><%=CATDesc%></b></p>

and change that to, for example:

<img src="images/BTOcats/<%=CATDesc%>.jpg" alt="<%=CATDesc%>">

 

That should give you enough hook to hang your hat on to make it look less plain.

I have spent hours on this and IDK I did :

<tr> <td colspan="4" class="pcSpacer"></td> </tr>  <tr <%=strCol%>>  <td colspan="4"> <div style="background: url("images/header.jpg")"><%=CATDesc%></div> <% if requiredCategory=-1 then ReqCAT=1 else ReqCAT=0 end if%> </td> </tr>

and made the :<td colspan="4"> have a class and tried to make it styled in CSS and every time I look at the code when on my site it looks like i did nothing I have no idea why i double checked to see if i uploaded it right and I re-downloaded it from my site and its all there in the code.

 

If possible, I would like to see a mockup of the site design you are working on.

PM me from the forum and I'll get you sorted out.

I hope you'll pick up on this.

Stephen simply needed simple markup hooks to hang his CSS on. 

I really think EI should change the markup here to facilitate that and to make PC more designer-friendly.

There are several places this heading is called for under various contexts in the ConfigurePrdCode.asp file. 

It would be much nicer for designers if the markup were more accessible. Rather than variations on

<p><b><%=CATDesc%></b></p>

something more like:

<div class="btoCatHead"><%=CATDesc%></div>