custom header images for different categories

Store UI, layout, design, look and feel; Discussion on the customer facing pages of your online store. Cascading Style Sheets, Themes, Scriptlets, NVelocity and the components in the ConLib directory.
Post Reply
User avatar
rkoshi
Ensign (ENS)
Ensign (ENS)
Posts: 7
Joined: Mon Jun 09, 2008 4:49 pm

custom header images for different categories

Post by rkoshi » Mon Jun 09, 2008 4:55 pm

Hello,

Thank you for taking the time to read my post.

I am working for Tijeras, Inc. We are trying to have customized headers display for different categories of our site.

We are trying to use custom scriptlets for different pages (Hair Care, the main page, bath & body, gift & volume discounts as seen on http://www.tijeras.net.vhost.zerolag.com) but as you can see if you navigate to this page the b&b and gift pages dont have the custom images even though i applied different header scriptlets to them. The header scriptlets aren't "sticking".. if you can understand what I mean by that. Can you offer a solution for this please?

Instructions for recreation of situation:

> >
> > 1. Go to http://www.tijeras.net.vhost.zerolag.com//default.aspx
> >
> > Here you can see the top image says organic alchemy. This is what we want.
> >
> > 2. go to http://www.tijeras.net.vhost.zerolag.co ... re-C1.aspx
> >
> > the hair care is on top; good.
> >
> > 3. go to http://www.tijeras.net.vhost.zerolag.co ... y-C32.aspx
> >
> > hair care is still up here even though i wrote my own scriptlet containing a reference to image:
> >
> > http://www.tijeras.net.vhost.zerolag.co ... ?ts=030631
> >
> > 4. go to http://www.tijeras.net.vhost.zerolag.co ... s-C29.aspx
> >
> > hair care still up even though i wrote my own scriptlet containing a reference to image:
> >
> > http://www.tijeras.net.vhost.zerolag.co ... ?ts=030604
> >
> > If you'd like, I can send you the scriptlets and other data.
> >
> > Rohin

Thank you again :mrgreen: ,
Rohin

User avatar
AbleMods
Master Yoda
Master Yoda
Posts: 5170
Joined: Wed Sep 26, 2007 5:47 am
Location: Fort Myers, Florida USA

Re: custom header images for different categories

Post by AbleMods » Tue Jun 10, 2008 6:13 pm

Most likely you're using the same category display page for your categories.

You can only have one set of assigned scriptlets per .ASPX page. So if you need the same category display page for multiple categories but with different header scriptlets assigned to them, you'll have to use multiple category display pages.

It's easy to do - just copy the category.aspx page to category-01.aspx. Then assign the category-01.aspx page to the category itself on the Edit Category page. There's a field on that edit category page that lets you tell AC7 what .ASPX file to use to display the category contents.

Now browse your site logged in as admin - you'll see all the other categories use the original category.aspx page, but the one you assigned the copied page will show "category-01.aspx" in the lower right corner. Now your scriptlet assignments will be different from the original display page.

Repeat this for the various categories you need different headers on. As you can see, you have the flexibility of re-using a category page if you want the same header on multiple categories.
Joe Payne
AbleCommerce Custom Programming and Modules http://www.AbleMods.com/
AbleCommerce Hosting http://www.AbleModsHosting.com/
Precise Fishing and Hunting Time Tables http://www.Solunar.com

User avatar
rkoshi
Ensign (ENS)
Ensign (ENS)
Posts: 7
Joined: Mon Jun 09, 2008 4:49 pm

Re: custom header images for different categories

Post by rkoshi » Tue Jun 17, 2008 3:52 am

thank you

User avatar
jmestep
AbleCommerce Angel
Posts: 8164
Joined: Sun Feb 29, 2004 8:04 pm
Location: Dayton, OH
Contact:

Re: custom header images for different categories

Post by jmestep » Tue Jun 17, 2008 7:44 am

For those how are following this, the poster told me had come up with another hack. Nothing to be ashamed of- I thought it was a clever approach myself. Here is what he did:
What I did was, I uploaded images to the ~/Assets/ folder that I wanted for the headers.

Then, in the content section of each page, I used <div><img style="position: absolute; top: 11px; left: 11px;" src="/Assets/image.jpg" alt="" /></div> for each image, using the absolute html css style tag to force it to appear where the banner is.
I did think of a different method which is probably one of the ways Able envisioned. Keep the display pages the same, but clone your current theme and change the header image in that theme, then apply the them to the products/categories you want. We have a "Paintball Museum" on http://www.directpaintball.com with out of date products (purely for SEO content) and I am going to do that in those categories and products so the customer can see at a glance that they aren't available instead of trying to figure out why they can't add the item to the cart.
Judy Estep
Web Developer
jestep@web2market.com
http://www.web2market.com
708-653-3100 x209
New search report plugin for business intelligence:
http://www.web2market.com/Search-Report ... -P154.aspx

Post Reply