The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 05-10-2013, 03:39 PM
shurushetr's Avatar
shurushetr is offline
Junior Member
 
Join Date: Apr 2013
Posts: 2
Lightbulb

Breadcrumb Navigation with CSS Triangles


Hi everybody!

I'm trying to customize the ecwid breadcrumbs. Just want to make them as navigation buttons. For example like in this article Breadcrumb Navigation with CSS Triangles, VIEW DEMO. But I am not pro css coder. And asking for help.
In the article author use unordered list of "ul" and "li" tags. But ecwid make breadcrums by "div" tags with special class:
Code:
<div class="ecwid-productBrowser-categoryPath-categoryLink" style="display: inline;"><a onclick="javascript: return false;" href="#!/~/category/id=5397141&amp;offset=0&amp;sort=normal">Игрушки</a></div>
Is it possible to customize breadcrumbs in such way
?
May be there is another way to make them like buttons?
P.S. I've searched about it on forum and KB but there is no result.

Last edited by shurushetr; 05-10-2013 at 03:56 PM. Reason: P.S. add
  #2  
Old 05-12-2013, 02:50 PM
shurushetr's Avatar
shurushetr shurushetr is offline
Junior Member
 
Join Date: Apr 2013
Posts: 2
Default

No ideas?
  #3  
Old 08-20-2014, 08:04 PM
Tobey M.'s Avatar
Tobey M. Tobey M. is offline
Junior Member
 
Join Date: Aug 2014
Posts: 2
Default

First of all, you need to understand how CSS builds triangles, it's a trick, there is no such feature in CSS. even in CSS3. But, this trick works fine in very old browsers, you can find examples of different triangles in this article: triangles with different shapes and orientations using only CSS. So, knowing how it works, you will be able to create your own breadcrumb or change the existing one.
The Following 2 Users Say Thank You to Tobey M. For This Useful Post:
Arthur Belostotsky (08-21-2014), Matt Ecwid (08-21-2014)
  #4  
Old 08-21-2014, 01:39 PM
Thematizr.com's Avatar
Thematizr.com Thematizr.com is offline
Webpartner
 
Join Date: Jul 2012
Posts: 379
Default

Actually, that's possible, but the code is huge and has to go lengths to keep the whole thing under control. We are actually working on a ready made theme that does it (see attachment for what we have there now). We will definitely announce it once it is ready.
Attached Thumbnails
Click image for larger version

Name:	Screen_Shot_2014-08-21_at_17.35.27.png
Views:	205
Size:	10.9 KB
ID:	2650  
__________________
Check out our latest ready-made designs for Ecwid:

Termion | Helata | Martina

Get 1 year of access to all our current and future themes.

Follow us on Twitter: @thematizr
  #5  
Old 08-24-2014, 04:21 PM
Tobey M.'s Avatar
Tobey M. Tobey M. is offline
Junior Member
 
Join Date: Aug 2014
Posts: 2
Default

Looks good!
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Tags
breadcrumbs, breadcrumbs navigation, custom, navigation

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:57 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.