list category template with thumbnails

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
whistler
Ensign (ENS)
Ensign (ENS)
Posts: 3
Joined: Wed Nov 19, 2008 11:43 pm

list category template with thumbnails

Post by whistler » Thu Nov 20, 2008 12:35 am

Hi, I'm trying to create a list-style category, except with thumbnails, something like what can be found on this site:
http://www.4cdmusic.com/cgi-bin/product ... wseNode=30

I've taken categorygridpage4.ascx and change it to one column, with the horizontal align set to left so that there's just one column of items with everything on the left, but I can't figure out how to move all of the text to the right side of the image. I feel like there's another file that defines the layout of the image and product attributes, but I can't figure out what it's called. Something about Container.DataItem, but there aren't any files by that name.

My html and css are decent, but my server-side scripting is more in the nature of following someone else's code along, hacking out the parts I don't need and replacing them with stuff I've copied from somewhere else, :oops: :? so any help would be really appreciated.

At this point I don't think I'm going to get any more figured out tonight. Staring at code for more than a couple hours after my eyes start burning and my head hurting just isn't that productive.

*Edit*
of course, if someone where to humor me by giving me some suggestions in the next hour and a half or so, I would probably be tempted to stay up til dawn bludgeoning it in to working.

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: list category template with thumbnails

Post by mazhar » Thu Nov 20, 2008 3:39 am

You can extend the following attached control. In order to use this control place its file in the ConLib and then on category display pages use it as below

Code: Select all

[[ConLib:CategoryDetailsPage]]

whistler
Ensign (ENS)
Ensign (ENS)
Posts: 3
Joined: Wed Nov 19, 2008 11:43 pm

Re: list category template with thumbnails

Post by whistler » Thu Nov 20, 2008 12:55 pm

I'm being dense... do you mean to create a new scriptlet with [[ConLib:CategoryDetailsPage]] in the content and use that as a new category layout, or to reference [[ConLib:CategoryDetailsPage]] as a source in the modified category page and somehow insert it in to another category page?

I tried creating a new scriptlet, but that doesn't seem to give me the option to use it as a category layout when I got to edit the category.

I'm not sure where I would use it in the body of another category since it seems to be referencing the same data container as the other categories.

User avatar
mazhar
Master Yoda
Master Yoda
Posts: 5084
Joined: Wed Jul 09, 2008 8:21 am
Contact:

Re: list category template with thumbnails

Post by mazhar » Thu Nov 20, 2008 1:03 pm

For now you can use this on any existing category page. For example edit the CategoryGridPage scriptlet and place it there instead of the CategoryGridPge.

whistler
Ensign (ENS)
Ensign (ENS)
Posts: 3
Joined: Wed Nov 19, 2008 11:43 pm

Re: list category template with thumbnails

Post by whistler » Thu Nov 20, 2008 1:18 pm

Script kiddy that I am, I should have been able to come up with that workaround...

Thanks so much for your help!

Post Reply