Hello,
I got a bug in breadcrumb navigation of 2 categories. please check below:
screenshot:
http://i1313.photobucket.com/albums/…ps62acc777.jpg
home > category > category > product === BUG
home > category > category === BUG
home > category > product === NO BUG
Please help on how to fix this.
Thanks!
3 answers
Hi ridz,
You can try with my workaround as below:
-- Go to file: \app\design\frontend\default\jm_siotistemplate\pa ge\html\breadcrumbs.phtml
replace this code:
PHP Code:
<li class="<?php echo $_crumbName;?>">
With
PHP Code:
<?php
$mystring = $_crumbName;
$findme = 'category';
$pos = strpos($mystring, $findme);
?>
<li class="<?php echo $_crumbName; if($_crumbInfo['last']): echo ' last'; endif; if($pos !== false): echo ' '.$findme; endif; ?>">
-- Open file \skin\frontend\default\jm_siotis\css\styles.css
At line 605 add this code
Code:
#ja-pathway ul li.home + li.category + li.category {background: #ffdb00} #ja-pathway ul li.home + li.category + li.category a {color: #000} #ja-pathway ul li.home + li.category + li.category:before {border-left: 15px solid #f8262f} #ja-pathway ul li.home + li.category + li.category+ li.product:before {border-left: 15px solid #ffdb00}
You can change the color to suits your need.
Then clean magento cache.
Here’s the result. There is still a minor error . please check the attached file.
or visit this link
http://stitch.ph/default/boys/shirt.html
Also, can we possibly get an odd/even color style of breadcrumb navigation? example: greeen >> red >> green >> red and so on…
thank you
You can try to replace above css rule with this:
Code:
#ja-pathway ul li.home + li.category + li.category {background: #69d2e7} #ja-pathway ul li.home + li.category + li.category a {color: #000} #ja-pathway ul li.home + li.category + li.category:before {border-left: 15px solid #f8262f} #ja-pathway ul li.home + li.category + li.category+ li.product:before {border-left: 15px solid #69d2e7} #ja-pathway ul li.home + li.category + li.category+ li.product{background: #f8262f} #ja-pathway ul li.home + li.category + li.category+ li.product:after {border-left-color: #f8262f}
and change the #69d2e7 with your desired color.
Then clean magento cache.