How do I enable Ultimento’s category landing pages?
Ultimento comes with 2 great category landing page templates you can use on your Magento store. Category landing pages are great for many different things, from promoting specific products or categories to running promotions and specials Ultimento will help you leverage this Magento feature on your Ecommerce to increase user retention rates and improve SEO.
Before you dive in on how to enable them, make sure to check out the 2 column category landing page and the 1 column one on Ultimento’s live demo!
If you installed Ultimento 1.6 or higher
The category landing pages were introduced in Ultimento 1.6 so if you installed that version or higher, 2 static blocks were automatically added to your Magento admin by Ultimento’s 1-click installer.
You can locate them in your Magento admin under CMS > Static Blocks. The blocks are named:
- “Category Landing Page 1″ which has a 2-column layout,
- and “Category Landing Page 2″ which has a 1-column layout.
Follow these steps to enable them on any category in your Magento site:
1. In your Magento admin, navigate to Catalog > Manage Categories:
In the left hand column click on the category you’d like to edit.
2. Under “General Information”:
There is an “image” field which is the category image which you can use as a top banner like we’ve done on the live demo:
Category Top Banner
This image and the related Photosop source files can be found in Ultimento’s source files which are included in all Ultimento packages for easy editing.
You’ll also find a wider image for the 1-column layout category landing page:
Category Top Banner - 1 Column Layout
3. Under the “Display Settings” tab:
Category Landing Page - Display Settings
For “Display Mode” select “Static block only” and for “CMS Block” select the block of your choice:
- “Category Landing Page 1″ for a 2-column layout
- “Category Landing Page 2″ for a 1-column layout
4. Under “Custom Design”:
If you’re going for a category landing page with a 2-column layout then you don’t need to apply any custom design.
If however you want to implement a category landing page with a 1 column layout simply select “No” for “Use Parent Category Settings” and under “Page Layout” select “1 column”:
Category Landing Page - Custom Design
5. Customize the category landing page templates
The templates are integrated with a featured products area that can be easily customized to fit your specific needs. All the code can be found right in the “Content” field of the Static Block – directly accessible from your Magento admin!
First you’ll need to change the category ids that are used to pull feature products. Simply look for category_id and change the value to the appropriate category you’d like to feature. Texts, links, and images in the promotion areas can also easily be changed by editing the static blocks’ content.
More advanced users can also custom the look and feel by editing the CSS that’s directly included in the Static block content. Same for the JavaScript effects.
You’re good to go! If you have any questions post ‘em below.
If you installed an Ultimento version that is prior to 1.6
First of all you’d want to update your copy to the latest Ultimento version to make sure you have all the necessary files on your server. Once that’s done let’s manually create the 2 static blocks that would otherwise be automatically added by the auto-installer:
Navigate to CMS > Static Blocks, click on “Add New Block” and fill out the fields like so:
- Block Title → Category Landing Page 1
- Identifier → category_landing_page_1
- Store View → here select your store view
- Status → Enabled
- Content → paste the following code:
<style type="text/css">
.featured-products { border:1px solid #ddd; height:710px; margin:20px 0 24px; }
.featured-nav { border-bottom:1px solid #ddd; background:#f2f2f2; padding-top:5px; height:30px; }
.featured-nav li { display:inline-block; }
.featured-nav li:first-child { font-weight:bold; font-size:14px; color:#91B6C2; padding:2px 20px 0; vertical-align:top; }
.featured-nav li + li { color:#888; background:url({{skin url=''}}images/business-website-x.png) repeat-x 0 -990px; border:1px solid #ddd; border-bottom:none; padding:5px 15px 6px; cursor:pointer; }
.featured-nav li + li:hover { color:#666; background-position:0 -980px; }
.featured-nav li + li.active { color:#333; background:#fff; border-bottom:1px solid #fff; }
.featured-content { clear:both; position:relative; }
.featured-content button.browse { position:absolute; top:-31px; right:5px; }
.featured-content tr.first .ratings { margin-top:10px; }
.callout-box { padding:10px; background:url({{skin url=''}}images/business-website-x.png) repeat-x 0 -90px; border:1px solid #ddd; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; -webkit-box-shadow:0px 2px 2px #999999; -moz-box-shadow:0px 2px 2px #999999; box-shadow:0px 2px 2px #999999;}
.callout-box h2 { position:relative; top:-3px; font-size:14px; line-height:1em; }
.callout-row { clear:both; padding:0 0 10px; }
.callout-row + .callout-row { padding:10px 0 0; border-top:1px solid #ddd; }
.callout-row .callout { width:33%; float:left; height:160px; font-size:11px; }
.callout-row .callout + .callout { border-left:1px dashed #aaa; color:#555; }
.callout-row .callout img { margin:0 auto; display:block; }
.callout-row .callout h3 { font-size:11px; color:#111; padding:0 10px; }
.callout-row .callout p { padding:0 10px; }
.callout-row .callout.first h3,
.callout-row .callout.first p { padding:0 10px 0 0; }
.callout-row .callout.last h3,
.callout-row .callout.last p { padding:0 0 0 10px; }
</style>
<script type="text/javascript">
function ult_show(id) {
var e = document.getElementById(id);
e.style.display = 'block';
}
function ult_hide(id) {
var f = document.getElementById(id);
f.style.display = 'none';
}
function active(elem) {
elem.className = 'active';
}
function inactive(id) {
var h = document.getElementById(id);
h.className = 'inactive';
}
</script>
<div class="featured-products">
<ul class="featured-nav">
<li>This Week's Deals</li>
<li id="nav-first" class="active" onclick="active(this);inactive('nav-second');inactive('nav-third');Effect.Appear('featured-first',{duration:0.3});ult_hide('featured-second');ult_hide('featured-third');">Music</li>
<li id="nav-second" class="inactive" onclick="active(this);inactive('nav-first');inactive('nav-third');ult_hide('featured-first');Effect.Appear('featured-second',{duration:0.3});ult_hide('featured-third');">Movies</li>
<li id="nav-third" class="inactive" onclick="active(this);inactive('nav-first');inactive('nav-second');ult_hide('featured-first');ult_hide('featured-second');Effect.Appear('featured-third',{duration:0.3});">E-books</li>
</ul>
<div id="featured-first" style="display:block;">
<div class="featured-content">
<button onclick="window.location='{{store url=''}}digital-goods/music';" title="Browse all Music" class="button browse" type="button"><span> Browse All Music ></span></button>
{{block type="catalog/product_list" category_id="38" name="home.catalog.product.new" alias="product_homepage" template="catalog/product/featured.phtml" productsCount="6"}}
</div>
</div>
<div id="featured-second" style="display:none;">
<div class="featured-content">
<button onclick="window.location='{{store url=''}}digital-goods/movies';" title="Browse all Movies" class="button browse" type="button"><span> Browse All Movies ></span></button>
{{block type="catalog/product_list" category_id="37" name="home.catalog.product.new" alias="product_homepage" template="catalog/product/featured.phtml" productsCount="6"}}
</div>
</div>
<div id="featured-third" style="display:none;">
<div class="featured-content">
<button onclick="window.location='{{store url=''}}digital-goods/ebooks';" title="Browse all E-books" class="button browse" type="button"><span> Browse All E-books ></span></button>
{{block type="catalog/product_list" category_id="36" name="home.catalog.product.new" alias="product_homepage" template="catalog/product/featured.phtml" productsCount="6"}}
</div>
</div>
</div>
<div class="callout-box">
<h2>Featured Offers</h2>
<div class="callout-row">
<div class="callout first">
<a href="{{store url=''}}digital-goods/music"><img src="{{skin url=''}}images/media/callout-music.png" /></a>
<h3>As low as 99¢</h3>
<p>Buy only the tracks you want for only 99¢ each, or save with a discounted rate when you buy full albums! <a href="{{store url=''}}digital-goods/music">Learn More »</a></p>
</div>
<div class="callout">
<a href="{{store url=''}}digital-goods/movies"><img src="{{skin url=''}}images/media/callout-movies.png" /></a>
<h3>Now offering BlueRay</h3>
<p>Find all of your favorite films, now in stunning quality with HD and BlueRay formats. <a href="{{store url=''}}digital-goods/movies">Learn More »</a></p>
</div>
<div class="callout last">
<a href="{{store url=''}}digital-goods/ebooks"><img src="{{skin url=''}}images/media/callout-ebooks.png" /></a>
<h3>E-books for all your devices</h3>
<p>Now offering the widest selection of e-book formats, including .epub, .mobi, .pdf, .lrf, .libri and more! <a href="{{store url=''}}digital-goods/ebooks">Learn More »</a></p>
</div>
<div style="clear:both;"></div>
</div>
<div class="callout-row">
<div class="callout first">
<a href="{{store url=''}}digital-goods/music"><img src="{{skin url=''}}images/media/callout-music2.png" /></a>
<h3>Just dance!</h3>
<p>Now through the end of the season, all techno, trance and dance music is 33% off or more! Don't miss out! <a href="{{store url=''}}digital-goods/music">Learn More »</a></p>
</div>
<div class="callout">
<a href="{{store url=''}}digital-goods/movies"><img src="{{skin url=''}}images/media/callout-movies2.png" /></a>
<h3>Triple play</h3>
<p>An everyday special value: Buy any 3 movies and get 15% off plus free shipping! <a href="{{store url=''}}digital-goods/movies">Learn More »</a></p>
</div>
<div class="callout last">
<a href="{{store url=''}}digital-goods/ebooks"><img src="{{skin url=''}}images/media/callout-ebooks2.png" /></a>
<h3>Sale on all e-readers</h3>
<p>All e-readers are now on sale, this week only! Get Kindle, Nook, Kobo and more at 25% off suggested retail value! <a href="{{store url=''}}digital-goods/ebooks">Learn More »</a></p>
</div>
<div style="clear:both;"></div>
</div>
</div>
Hit save and click on “Add New Block” again to create the second block:
- Block Title → Category Landing Page 2
- Identifier → category_landing_page_2
- Store View → here select your store view
- Status → Enabled
- Content → paste the following code:
<style type="text/css">
.computers-static-block { padding-top:15px; }
.computers-static-block .category {
width:320px;
float:left;
margin-right:20px;
}
.computers-static-block .category.third { margin-right:0; }
.computers-static-block h2 {
margin:0;
background:#aac851;
/*font:normal 16px/1.5em Arial, Helvetica, sans-serif;*/
font:normal 1.7em Arial, Helvetica, sans-serif;
color:#fff;
padding:3px 12px;
-webkit-border-top-left-radius: 7px;
-webkit-border-top-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
border-bottom:1px solid #91ab45;
}
.computers-static-block h2 a { color:#fff; text-decoration:none; }
.computers-static-block h2 a:hover { color:#e7edd5; }
.computers-static-block .image { width:auto; height:176px; border:1px solid #ddd; border-width:0 1px; text-align:center; }
.computers-static-block .image a,
.computers-static-block .image img { border:none; text-decoration:none; }
.computers-static-block .bottom {
height:164px;
position:relative;
background:url({{skin url=''}}images/category-block-bg.jpg) 0 0 no-repeat;
color:#fff;
padding:0 10px 0 14px;
-webkit-border-bottom-right-radius: 7px;
-webkit-border-bottom-left-radius: 7px;
-moz-border-radius-bottomright: 7px;
-moz-border-radius-bottomleft: 7px;
border-bottom-right-radius: 7px;
border-bottom-left-radius: 7px;
}
.computers-static-block .second .bottom { background-position:50% 0; }
.computers-static-block .third .bottom { background-position:100% 0; }
.computers-static-block .bottom h3 { margin:0; padding:10px 0 4px; font:bold 22px Arial, Helvetica, sans-serif; text-shadow: 0 1px 2px #333333;}
.computers-static-block .bottom p { margin:0 0 7px; color:#ccc; font:normal 12px Arial, Helvetica, sans-serif; }
.computers-static-block .bottom ul { margin:0; padding:0; list-style:none; width:33%; float:left; }
.computers-static-block .bottom ul li { font:normal 12px/24px Arial, Helvetica, sans-serif; }
.computers-static-block .bottom ul a { color:#93ac3d; }
.computers-static-block .bottom ul a:hover { color:#fff; text-decoration:none; }
.computers-static-block .bottom .more {
position:absolute;
bottom:0;
right:0;
padding:4px 12px 4px 10px;
font:normal 12px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#fff;
background-color:#859a47;
background-color:rgba(170, 200, 81, 0.7);
-webkit-border-top-left-radius: 7px;
-webkit-border-bottom-right-radius: 7px;
-moz-border-radius-topleft: 7px;
-moz-border-radius-bottomright: 7px;
border-top-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.computers-static-block .bottom .more:hover { background-color:#92aa4a; background-color:rgba(170, 200, 81, 0.8); }
.computers-static-block > div + div + div + div { clear:both; }
.featured-products { border:1px solid #ddd; height:375px; margin:27px 0 15px; }
.featured-nav { border-bottom:1px solid #ddd; background:#f2f2f2; padding-top:5px; height:30px; }
.featured-nav li { display:inline-block; }
.featured-nav li:first-child { font-weight:bold; font-size:14px; color:#91B6C2; padding:2px 20px 0; vertical-align:top; }
.featured-nav li + li { color:#888; background:url({{skin url=""}}images/business-website-x.png) repeat-x 0 -990px; border:1px solid #ddd; border-bottom:none; padding:5px 15px 6px; cursor:pointer; }
.featured-nav li + li:hover { color:#666; background-position:0 -980px; }
.featured-nav li + li.active { color:#333; background:#fff; border-bottom:1px solid #fff; }
.featured-content { clear:both; position:relative; }
.featured-content button.browse { position:absolute; top:-31px; right:5px; }
.featured-content tr.first .ratings { margin-top:10px; }
</style>
<div class="computers-static-block">
<div class="category first">
<h2><a href="{{store url=''}}electronics/computers/laptops">Computers</a></h2>
<div class="image"><a href="{{store url=''}}electronics/computers/laptops"><img src="{{skin url=''}}images/media/computer-image.png" /></a></div>
<div class="bottom">
<h3>Visibly Smart Performance.</h3>
<p>Now featuring your favorite brands. Your favorite new toy is just a click away!</p>
<ul>
<li><a href="{{store url=''}}electronics/computers/laptops">Acer</a></li>
<li><a href="{{store url=''}}electronics/computers/laptops">Apple</a></li>
<li><a href="{{store url=''}}electronics/computers/laptops">Crucial</a></li>
</ul>
<ul>
<li><a href="{{store url=''}}electronics/computers/laptops">Dell</a></li>
<li><a href="{{store url=''}}electronics/computers/laptops">Gateway</a></li>
<li><a href="{{store url=''}}electronics/computers/laptops">IBM</a></li>
</ul>
<ul>
<li><a href="{{store url=''}}electronics/computers/laptops">Sony</a></li>
<li><a href="{{store url=''}}electronics/computers/laptops">Toshiba</a></li>
</ul>
<div style="clear:both;"></div>
<a href="{{store url=''}}electronics/computers/laptops" class="more">+ See More</a>
</div>
</div>
<div class="category second">
<h2><a href="{{store url=''}}electronics/computers/monitors">Monitors</a></h2>
<div class="image"><a href="{{store url=''}}electronics/computers/monitors"><img src="{{skin url=''}}images/media/monitor-image.png" /></a></div>
<div class="bottom">
<h3>Life-like Color. Life-like Scale.</h3>
<p>Experience mind-blowing graphics at their peak with 3D-ready HD cinema display monitors.</p>
<ul>
<li><a href="{{store url=''}}electronics/computers/monitors">Asus</a></li>
<li><a href="{{store url=''}}electronics/computers/monitors">Acer</a></li>
<li><a href="{{store url=''}}electronics/computers/monitors">Apple</a></li>
</ul>
<ul>
<li><a href="{{store url=''}}electronics/computers/monitors">Samsung</a></li>
<li><a href="{{store url=''}}electronics/computers/monitors">HP</a></li>
<li><a href="{{store url=''}}electronics/computers/monitors">ViewSonic</a></li>
</ul>
<ul>
<li><a href="{{store url=''}}electronics/computers/monitors">Lenovo</a></li>
<li><a href="{{store url=''}}electronics/computers/monitors">Dell</a></li>
</ul>
<div style="clear:both;"></div>
<a href="{{store url=''}}electronics/computers/monitors" class="more">+ See More</a>
</div>
</div>
<div class="category third">
<h2><a href="{{store url=''}}electronics/computers/hard-drives">Hard Drives</a></h2>
<div class="image"><a href="{{store url=''}}electronics/computers/hard-drives"><img src="{{skin url=''}}images/media/hardware-image.png" /></a></div>
<div class="bottom">
<h3>Stability, Security, and Style.</h3>
<p>Keep your data safe and secure in a stylish and sleek package. Never settle for less.</p>
<ul>
<li><a href="{{store url=''}}electronics/computers/hard-drives">Seagate</a></li>
<li><a href="{{store url=''}}electronics/computers/hard-drives">Hitachi</a></li>
<li><a href="{{store url=''}}electronics/computers/hard-drives">Iomega</a></li>
</ul>
<ul>
<li><a href="{{store url=''}}electronics/computers/hard-drives">Verbatim</a></li>
<li><a href="{{store url=''}}electronics/computers/hard-drives">Toshiba</a></li>
<li><a href="{{store url=''}}electronics/computers/hard-drives">OCZ Tech</a></li>
</ul>
<ul>
<li><a href="{{store url=''}}electronics/computers/hard-drives">Western</a></li>
<li><a href="{{store url=''}}electronics/computers/hard-drives">LaCie</a></li>
</ul>
<div style="clear:both;"></div>
<a href="{{store url=''}}electronics/computers/hard-drives" class="more">+ See More</a>
</div>
</div>
<div></div>
</div>
<script type="text/javascript">
function ult_show(id) {
var e = document.getElementById(id);
e.style.display = "block";
}
function ult_hide(id) {
var f = document.getElementById(id);
f.style.display = "none";
}
function active(elem) {
elem.className = "active";
}
function inactive(id) {
var h = document.getElementById(id);
h.className = "inactive";
}
</script>
<div class="featured-products">
<ul class="featured-nav">
<li>This Week's Deals</li>
<li id="nav-first" class="active" onclick="active(this);inactive('nav-second');inactive('nav-third');Effect.Appear('featured-first',{duration:0.3});ult_hide('featured-second');ult_hide('featured-third');">Computers</li>
<li id="nav-second" class="inactive" onclick="active(this);inactive('nav-first');inactive('nav-third');ult_hide('featured-first');Effect.Appear('featured-second',{duration:0.3});ult_hide('featured-third');">Monitors</li>
<li id="nav-third" class="inactive" onclick="active(this);inactive('nav-first');inactive('nav-second');ult_hide('featured-first');ult_hide('featured-second');Effect.Appear('featured-third',{duration:0.3});">Hard Drives</li>
</ul>
<div id="featured-first" style="display:block;">
<div class="featured-content">
<button onclick="window.location='{{store url=""}}electronics/computers/build-your-own';" title="Browse all Computers" class="button browse" type="button"><span> Browse All Computers ></span></button>
{{block type="catalog/product_list" category_id="27" name="home.catalog.product.new" alias="product_homepage" template="catalog/product/featured-1column.phtml" productsCount="4"}}
</div>
</div>
<div id="featured-second" style="display:none;">
<div class="featured-content">
<button onclick="window.location='{{store url=""}}electronics/computers/monitors';" title="Browse all Monitors" class="button browse" type="button"><span> Browse All Monitors ></span></button>
{{block type="catalog/product_list" category_id="30" name="home.catalog.product.new" alias="product_homepage" template="catalog/product/featured-1column.phtml" productsCount="4"}}
</div>
</div>
<div id="featured-third" style="display:none;">
<div class="featured-content">
<button onclick="window.location='{{store url=""}}electronics/computers/monitors';" title="Browse all Hard Drives" class="button browse" type="button"><span> Browse All Hard Drives ></span></button>
{{block type="catalog/product_list" category_id="29" name="home.catalog.product.new" alias="product_homepage" template="catalog/product/featured-1column.phtml" productsCount="4"}}
</div>
</div>
</div>
That’s it! 
. Now simply follow the steps to enable the category landing pages as if you had installed Ultimento 1.6.
If you have any questions about Ultimento’s category landing templates post ‘em below!
Was this helpful? 
Thanks for your great work.
Thank you for your kind words!!!
Hi Noam, thanks for all the frequent updates and your continuously great support. I am not sure if I am doing something wrong with this category landing page thing but I keep getting problems where magento is saving my static block with all the css at the top commented out. It is changing:
.computers-static-block…..
to:
<!– .computers-static-block…….
Every-time I save the block. Do you have any idea why this is?
Thanks
Gaz
Hi Gaz – make sure you have the Magento WYSIWYG editor disabled as otherwise it will mess up the code
:
HOW DO I DISABLE OR ENABLE MAGENTO’S WYSIWYG EDITOR?
Login to your Magento admin and navigate to
System > Configuration > Content Management > WYSIWYG Options. Under “Enable WYSIWYG Editor” I recommend selecting “Disabled by Default”.Hey Noam
Thanks for that it has solved the code issue. Unfortunately now I have another problem and the CSS does not seem to be taking effect. All the content is just plain and listed down the left hand side. I’ve read and re-read the instructions and I am sure its just something very simple but I cannot seem to get it to work. Any ideas what I might be missing?
Thanks again
Send me a URL where I can see it happening and I’ll take a look
.
Ok Noam not too sure what happened but it is working fine now so no worries. Thanks for your help!!
Do i have to customize a separate static block for each main category i want to you use these on? Is there a way to pull in and show the sub categories under the main category with this static block dynamically?
Hi Noah – yes by definition Static Blocks don’t contain dynamic content
. If you use the 2-column category landing page template and your category has multiple sub-categories, make sure to set it as “anchor” in the admin and the sub categories will automatically show up listed in the layered navigation (in the left column).
thanks, what about a way to show the sub category images in the static block?
Hi Noah – static blocks aren’t really meant to pull dynamic content but it’s something you can easily customize with Magento. For example you can use a static block to call a phtml template file in which you can embed dynamic content (such as category lists, category images, and what not).
I hope this helps!
I don’t mean to spam this thread, but I suppose I’ve been looking at this all wrong. There’s a tabbed menu in the demo along the top. Green category tabs. I suppose I just need to figure out how to enable this menu. I looked in the Ultimento settings section and didn’t find an ‘enable’ tab for anything category related. How do I enable the tabs?
Hi Philippe – this is done in the Magento admin. Just setup your Magento categories properly
.
More info and detailed tutorials on how to setup your catalog can be found on the comprehensive Magento User Guide.
I hope this helps!
Hey Noam,
For some reaspon the “Main – About – Help – Small Print” dynamic footer got shoved over to the right on category landing pages. When I click on any of the category links in the main navigation it neglects to display this across the entire bottom of these pages.
Any tips?
.:pl
Ah,
Looks like re-creating the content landing pages with what you posted above solves the problem.
.:pl
Getting funny overlapping of the featured modules and the content below, please advise asap thanks.
Example: http://demo.ebladestore.com/category/pocket-knives.html
Hi there -you can adjust the height of the box with the
.featured-productsCSS property directly from your Magento admin on the static block that controls the category landing page. For example you can change the height from 710px to 880px and that will fit your particular products.I hope this helps!
It would be really nice to get those styles off of the page and into the CSS and progress on that Noam?
Actually no because not everyone wants to use all the category landing page templates so loading Ultimento’s CSS file with all the properties for these by default wouldn’t be smart. But you can easily copy and paste them on your installation’s CSS file
.
Hey Noam,
Can you have a main navigation tab/button go to a specific URL (cms page) instead of to a landing page? They appear to auto generate when I create a category and enable ‘include in nav’.
Thanks,
.:pl
Hey Philippe – there are many ways to add static items to the main navigation.
I hope this helps!
How do I enable the “shop by” categories as seen on this page (price, color, etc)?
http://demo.ultimento.com/electronics
Thank you.
Hi Zadro – here’s more info on how to enable the layered navigation in Magento
.
Hope this helps!
I create several CMS Static blocks. I noticed if I navigate using the categories links in the header, I am able to land in the category landing pages that I created. If I navigate using the category menu, and click on my desired category, I do not get my category landing box, but instead I can only view the products.
Also my navigation is as followed when attempting to get on the landing page using the category link sin the header
http://***.co/kitchen/country-kitchen-faucets.html
but when going through the navigation menu, I now get
http://***.co/kitchen.html?cat=8
Any suggestions?
Hi David,
When you say “category links” do you mean the three green boxes at the top right of the Ultimento Demo page? Also, when you say “category menu” do you mean the breadcrumb navigation that appears on the same horizontal bar that has the “browse all products” link?
We don’t see the described behavior on our Demo or Test sites so please feel free to open up a ticket and give us some screen shots so we know exactly where you’re looking and we’ll get the problem figured out.
Thanks,
Support