Page 1 of 1
How do you add a separator to breadcrumbs?
Posted: Wed Oct 08, 2014 11:21 am
by Gilmore
I noticed in 2.0 that there is not a separator for the breadcrumbs. Is there and easy way to add one? I messed around a little with the snipplet from 1.5.x in the category and product .tpl and controller files, but all I managed to do is break it! lol
Anyone have any ideas on this?
Re: How do you add a separator to breadcrumbs?
Posted: Mon Oct 13, 2014 9:25 pm
by ogun
If you haven't found it already, look for ".breadcrumb" in stylesheet.css - the separator is defined there.
Re: How do you add a separator to breadcrumbs?
Posted: Tue Oct 14, 2014 8:39 am
by IP_CAM
It's probably not that easy in v2.0, I haven't found it, exept in some featured or whatever sections, where it's VALUE has been defined as in older versions.
OC_2.0\opencart-master\upload\catalog\view\theme\default\stylesheet\stylesheet.css
OR THEN, it's one of those, empty by default, content values, sorry I did not test it:
Code: Select all
.breadcrumb > li + li:before {
content: '';
padding: 0;
}
.breadcrumb > li:after {
content: '';
Code: Select all
/* breadcrumb */
.breadcrumb {
margin: 0 0 20px 0;
padding: 8px 0;
border: 1px solid #ddd;
}
.breadcrumb i {
font-size: 15px;
}
.breadcrumb > li {
text-shadow: 0 1px 0 #FFF;
padding: 0 20px;
position: relative;
white-space: nowrap;
}
.breadcrumb > li + li:before {
content: '';
padding: 0;
}
.breadcrumb > li:after {
content: '';
display: block;
position: absolute;
top: -3px;
right: -5px;
width: 26px;
height: 26px;
border-right: 1px solid #DDD;
border-bottom: 1px solid #DDD;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
Ernie
openshop.li
Re: How do you add a separator to breadcrumbs?
Posted: Tue Oct 14, 2014 1:46 pm
by Gilmore
Thanks ogun and IP_CAM! I had already found the answer, but unfortunatly the permissions weren't right on the forum so I couldn't post it! lol