Orderlist Listing

Empty

Meine Listen

neue Liste

Sie haben noch keine Liste angelegt.

  • Dynamischer Text
  • Dynamischer Text
  • Dynamischer Text
<div class="listing-actions mbm"> <div class="listing-actions-title"> <h2>Meine Listen</h2> <a href="/demos/webshop/orderlist-add.html" class="btn btn-default btn--has-icon"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#plus"></use> </svg> </span> <span class="title"> neue Liste </span> </a> </div> <form class="searchform disabled"> <input class="form-control " type="text" placeholder="" disabled> <buton class="btn btn iconButton iconButton--type-d search-button disabled"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> <span class="title"> <!-- --> </span> </buton> </form> <select class="form-control selectOption disabled" id=""> <option>Nach Name absteigend</option> <option>Nach Datum absteigend</option> </select> </div> <div class="list-group list-group--type-a"> <div class="list-group-body--is-empty"> <p class="font-size-lg text-grey-light">Sie haben noch keine Liste angelegt.</p> <ul class="list list--is-horizontal list-checklist mtm"> <li>Dynamischer Text</li> <li>Dynamischer Text</li> <li>Dynamischer Text</li> </ul> </div> </div>

list-listing pattern

<div class="listing-actions mbm"> <div class="listing-actions-title"> <h2>Meine Listen</h2> <a href="/demos/webshop/orderlist-add.html" class="btn btn-default btn--has-icon"> <span class="icon-wrapper"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#plus"></use> </svg> </span> <span class="title"> neue Liste </span> </a> </div> <form class="searchform "> <input class="form-control " type="text" placeholder="Suchbegriff"> <buton class="btn btn iconButton iconButton--type-d search-button"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#search"></use> </svg> <span class="title"> <!-- --> </span> </buton> </form> <select class="form-control selectOption " id=""> <option>Nach Name absteigend</option> <option>Nach Datum absteigend</option> </select> </div> <div class="list-group list-group--type-a"> <div class="list-group-item"> <a href="#" class="list-group-item-title">Favoriten </a> <span class="list-group-item-information"> <span>156,52 €</span> </span> <div class="list-group-item-options"> <a href="/demos/webshop/orderlist-complete-csv-upload.html" class="btn iconButton iconButton--type-d" title="Liste bearbeiten"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#edit"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste duplizieren"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#copy"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste löschen"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#trash"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> <div class="list-group-item-buy"> <a class="btn iconButton iconButton--type-a" title="Liste in den Warenkorb"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> </div> <div class="list-group-item"> <a href="#" class="list-group-item-title">PaperCrew 2000 </a> <span class="list-group-item-information"> <span>1.316,72 €</span> </span> <div class="list-group-item-options"> <a href="/demos/webshop/orderlist-complete-csv-upload.html" class="btn iconButton iconButton--type-d" title="Liste bearbeiten"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#edit"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste duplizieren"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#copy"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste löschen"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#trash"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> <div class="list-group-item-buy"> <a class="btn iconButton iconButton--type-a" title="Liste in den Warenkorb"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> </div> <div class="list-group-item"> <a href="#" class="list-group-item-title">Sonderprodukte für Lager </a> <span class="list-group-item-information"> <span>589,63 €</span> </span> <div class="list-group-item-options"> <a href="/demos/webshop/orderlist-complete-csv-upload.html" class="btn iconButton iconButton--type-d" title="Liste bearbeiten"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#edit"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste duplizieren"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#copy"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste löschen"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#trash"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> <div class="list-group-item-buy"> <a class="btn iconButton iconButton--type-a" title="Liste in den Warenkorb"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> </div> <div class="list-group-item"> <a href="#" class="list-group-item-title">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </a> <span class="list-group-item-information"> <span>89,63 €</span> </span> <div class="list-group-item-options"> <a href="/demos/webshop/orderlist-complete-csv-upload.html" class="btn iconButton iconButton--type-d" title="Liste bearbeiten"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#edit"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste duplizieren"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#copy"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste löschen"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#trash"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> <div class="list-group-item-buy"> <a class="btn iconButton iconButton--type-a" title="Liste in den Warenkorb"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> </div> <div class="list-group-item"> <a href="#" class="list-group-item-title">Lorem ipsum dolor sit amet, consectetur adipisicing elit </a> <span class="list-group-item-information"> <span>945,63 €</span> </span> <div class="list-group-item-options"> <a href="/demos/webshop/orderlist-complete-csv-upload.html" class="btn iconButton iconButton--type-d" title="Liste bearbeiten"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#edit"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste duplizieren"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#copy"></use> </svg> <span class="title"> <!-- --> </span> </a> <a class="btn iconButton iconButton--type-d" title="Liste löschen"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#trash"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> <div class="list-group-item-buy"> <a class="btn iconButton iconButton--type-a" title="Liste in den Warenkorb"> <svg class="icon" viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#cart"></use> </svg> <span class="title"> <!-- --> </span> </a> </div> </div> </div> <div class="pagination-wrapper"> <ul class="pagination"> <li> <a href="#"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-left"></use> </svg> </a> </li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#"> <svg class="icon " viewBox="0 0 32 32"> <use xlink:href="/assets/toolkit/svg/sprite.symbol.svg#arrow-right"></use> </svg> </a></li> </ul> </div>