Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Category landing pages?

Category landing pages?

Locked

Views: 2,994

Results 1 to 16 of 16
This thread is locked. New replies are disabled.
25 Apr 2008, 7:08 PM
#1
brf123 avatar

brf123

New Zenner

Join Date:
Nov 2005
Posts:
33
Plugin Contributions:
0

Category landing pages?

Hello-
I am building a shop that sells baby clothes. The main product categories are layette, girl, boy, gifts, and novelties. When a visitor selects a category (ex. layette) the next page that shows will be a landing page with the center section displaying banner style boxes with text and images (possibly a featured product) that feature the subcats (ex boy, girl, unisex). The visitor would click the banner to then go to the listing of products within the category/subcategory. Is the best way to do this to create a custom page outside of zen cart? If I can do this within zen, what is the best practice?
Thanks.
Brett

25 Apr 2008, 7:13 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category landing pages?

If a category has subcats, you will not get a product listing for it anyway.
The category description can have all kinds of text, images, links... You could hide the stock subcat image links with css and rework them as part of the description, if you need a fancy layout.

25 Apr 2008, 8:30 PM
#3
brf123 avatar

brf123

New Zenner

Join Date:
Nov 2005
Posts:
33
Plugin Contributions:
0

Re: Category landing pages?

Thanks for the reply! I want to make my category landing page similar to what you have done with your home page. If I understand your suggestion, I should edit the css to use image for the categories on those secondary pages in order to customize that layout?
Thanks again.
Brett

25 Apr 2008, 8:41 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category landing pages?

Editing the css is only a minor part of getting your category pages dressed up. How comfortable are you with HTML? You can use that in the category descriptions to include images, links, etc., and then css can help position elements as you desire.

25 Apr 2008, 8:50 PM
#5
brf123 avatar

brf123

New Zenner

Join Date:
Nov 2005
Posts:
33
Plugin Contributions:
0

Re: Category landing pages?

Thanks for the reply. I am actually a developer - I am trying to get familiar with where to make the changes in zen cart to allow for the greatest flexibility for someone to update the site later. Can I pm you with a link to a couple of the designs to see if you have any additional suggestions?
Thanks again.

25 Apr 2008, 9:02 PM
#6
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category landing pages?

OK, but I'm going to be busy this weekend and may not have time to reply until later.

The category or product descriptions can be edited by anybody in admin, without going into the files.

1 May 2008, 1:23 PM
#7
brf123 avatar

brf123

New Zenner

Join Date:
Nov 2005
Posts:
33
Plugin Contributions:
0

Re: Category landing pages?

Thanks for all of your help. I was able to edit the styles for the featured products to get the look that I need as well as enable the customer to change what appears in that section. One more quick question -

I have a background image on the left of the featured products block with the product information on the right. I would like text on the left above the image (example: shop layette girl). That would be dynamic based upon the category that the featured product in in. This is very similar in concept to your categories dressing mod. Any ideas?

Thanks again.

6 May 2008, 3:31 AM
#8
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category landing pages?

Just got back from a business trip...
I'll first give a few pointers on getting the categories sidebox functioning the way you asked for.

You have the image for the layette top cat working ok, but there is a better way to use it.
First you want to hide all of the top cats in the sidebox and have them visible only in the categories-tabs menu in the header. This can be done in your stylesheet by finding this:```
#categories a {
background-repeat: no-repeat;
display: block;
}

A.catBg1 {
background-image: url(../images/catbg1.gif);
height: 46px;
vertical-align: top;
}


#categories a.category-top-text {
    display: none;
    } 

to get```
#categories a {
    background-repeat: no-repeat;
    display: block;
    }
#categories a.category-top-text {
    display: none;
    } 

Then add headings above the first subcategory in each main category, like the layettes > boy (cPath = 1_6). Find this in your cat dressing copy of tpl_categories.php:php // categories dressing - add (divider and) heading above a cat switch ($current_path) { case '23': //replace number with your desired cPath //$content .= '<hr class="catBoxDivider" />' . "\n"; // to add divider uncomment this line $content .= '<span class="catBoxHeading1">' . (file_exists(DIR_WS_TEMPLATE_IMAGES . 'cathead' . $current_path . '.gif') ? zen_image(DIR_WS_TEMPLATE_IMAGES . 'cathead' . $current_path . '.gif') . '</span>':'Heading 1</span>' . $disp_block_head) . "\n"; break; } and change to```php
// categories dressing - add (divider and) heading above a cat
switch ($current_path) {
case '1_6': //replace number with your desired cPath
$content .= '<span class="catBoxHeading1">' . (file_exists(DIR_WS_TEMPLATE_IMAGES . 'cathead' . $current_path . '.gif') ? zen_image(DIR_WS_TEMPLATE_IMAGES . 'cathead' . $current_path . '.gif') . '</span>':'layettes</span>' . $disp_block_head) . "\n";
break;
}


Add a case for the first subcat in each of the other top cats, like 2_13, 3_17, etc. (whatever the actual first subcat cPaths are), and an image named cathead2.gif, cathead3.gif, etc.


I'll look at the other question later - too tired now to think about it.
7 May 2008, 2:09 AM
#9
brf123 avatar

brf123

New Zenner

Join Date:
Nov 2005
Posts:
33
Plugin Contributions:
0

Re: Category landing pages?

This is very helpful. Thanks! I am looking forward to your advice on the landing page as well. I have the first image but not the logic necessary to get it to work based upon the categories. Thanks again.

7 May 2008, 3:44 PM
#10
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category landing pages?

Oops! Need to correct a typo...

For the headings above the first subcats, you need to name the images cathead1_6.gif, cathead2_13.gif, etc., instead of cathead1.gif, cathead2.gif.

2 Jun 2008, 3:02 PM
#11
brf123 avatar

brf123

New Zenner

Join Date:
Nov 2005
Posts:
33
Plugin Contributions:
0

Re: Category landing pages?

Is there any way to design a static landing page within zen? I want to have landing pages that are designed with representative images (not actual products) on the page. If I select layette I would end up on a page with 3 images (boys, girls, unisex). When I select one image I would be in the sub cat product listing for that section. What do you think?

Thanks.

2 Jun 2008, 6:08 PM
#12
Kim avatar

Kim

Obaa-san

Join Date:
Jun 2003
Location:
West Coast, North America
Posts:
26,611
Plugin Contributions:
0

Re: Category landing pages?

You don't need an extra page - just use your boy,girl, unisex images as your (sub)category images.

2 Jun 2008, 6:17 PM
#13
brf123 avatar

brf123

New Zenner

Join Date:
Nov 2005
Posts:
33
Plugin Contributions:
0

Re: Category landing pages?

Thanks for the response. So if I upload category images when I create my categories I can use them on the page that appears when I select the main category link from the navigation? I can then use a custom stylesheet to lay that page out as my designer has indicated?
Thanks!

3 Jun 2008, 9:02 AM
#14
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category landing pages?

Correct and correct :)

4 Jun 2008, 7:07 PM
#15
brf123 avatar

brf123

New Zenner

Join Date:
Nov 2005
Posts:
33
Plugin Contributions:
0

Re: Category landing pages?

Worked out great. Thanks for all of the help! Glenn - I have a categories dressings question. Do you want to answer it here or should I start another thread?

5 Jun 2008, 5:58 AM
#16
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Category landing pages?

Cat Dressing questions are best asked in the Categories Dressing support thread, where they are easily available for others to benefit from.