<div class="account-outlet">
<div class="account-outlet__container">
<div class="account-outlet__navigation">
<nav class="account-navigation">
<h3 class="visually-hidden">Account Navigation</h3>
<div class="swiper account-navigation__main-nav">
<ul class="swiper-wrapper account-navigation__list">
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-profile" data-account-navigation-expand="1">Profil</a>
<ul class="account-navigation__sub-list" data-account-navigation-list-id="1">
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Persönliche Daten</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Kommunikation</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="3">Adressen</a>
</li>
</ul>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-orders" data-account-navigation-expand="2">Bestellungen</a>
<ul class="account-navigation__sub-list" data-account-navigation-list-id="2">
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Bestellübersicht</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Bestellungen freigeben</a>
</li>
</ul>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-analysis" data-account-navigation-expand="3">Auswertungen</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-invoices" data-account-navigation-expand="4">Rechnungen</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-credit-notes" data-account-navigation-expand="5">Gutschriften</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link--active -icon-wishlist" data-account-navigation-expand="6">Merklisten</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-cart" data-account-navigation-expand="7">Warenkörbe</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-return" data-account-navigation-expand="8">Retouren</a>
<ul class="account-navigation__sub-list" data-account-navigation-list-id="8">
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Retourenübersicht</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Retoure erfassen</a>
</li>
<li class="account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="3">Retourenliste</a>
</li>
</ul>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-warranty" data-account-navigation-expand="9">Garantieanträge</a>
</li>
<li class="swiper-slide account-navigation__list-item">
<a href="#" class="account-navigation__link -icon-service" data-account-navigation-expand="10">Serviceanträge</a>
</li>
</ul>
</div>
<div class="account-navigation__mobile-nav">
<div class="swiper" data-account-navigation-expand="1">
<ul class="swiper-wrapper account-navigation__sub-list" data-account-navigation-list-id="1">
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Persönliche Daten</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Kommunikation</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="3">Adressen</a>
</li>
</ul>
</div>
<div class="swiper" data-account-navigation-expand="2">
<ul class="swiper-wrapper account-navigation__sub-list" data-account-navigation-list-id="2">
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Bestellübersicht</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Bestellungen freigeben</a>
</li>
</ul>
</div>
<div class="swiper" data-account-navigation-expand="3">
</div>
<div class="swiper" data-account-navigation-expand="4">
</div>
<div class="swiper" data-account-navigation-expand="5">
</div>
<div class="swiper" data-account-navigation-expand="6">
</div>
<div class="swiper" data-account-navigation-expand="7">
</div>
<div class="swiper" data-account-navigation-expand="8">
<ul class="swiper-wrapper account-navigation__sub-list" data-account-navigation-list-id="8">
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="1">Retourenübersicht</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="2">Retoure erfassen</a>
</li>
<li class="swiper-slide account-navigation__sub-list-item">
<a href="#" class="account-navigation__sub-link" data-account-navigation-sub-link-id="3">Retourenliste</a>
</li>
</ul>
</div>
<div class="swiper" data-account-navigation-expand="9">
</div>
<div class="swiper" data-account-navigation-expand="10">
</div>
</div>
</nav>
</div>
<div class="account-outlet__content">
<div class="account-header">
<h3 class="account-header__title">Merklisten</h3>
</div>
<div class="wishlist-management-table">
<div class="responsive-table--first-column-mobile-full-height -spacing-large">
<div class="table-search" data-offset="none">
<div class="table-search__container">
<div class="text-field--light text-field-search--light is-initialized" data-disable-text-field-js>
<div class="text-field__wrapper text-field-search__wrapper">
<input class="text-field__input text-field-search__input" id="responsive-table-search" type="text" name="responsive-table-search" required data-responsive-table-search="true" placeholder="Suche" />
<label class="visually-hidden" for="responsive-table-search">Suche</label>
<button type="reset" class="text-field-search__reset"></button>
<button type="submit" class="text-field-search__search"></button>
<div class="text-field-search__loader ">
<div class="loading-spinner -vertical -horizontal">
<div class="loading-spinner__spinner--small"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="responsive-table__container--auto-scrollbar">
<table class="responsive-table__table" data-responsive-table-filter-context>
<colgroup>
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
<col style="">
</colgroup>
<thead>
<tr class="responsive-table__tr">
<th class="responsive-table__th">
Listenname
</th>
<th class="responsive-table__th">
Erstellt am
</th>
<th class="responsive-table__th">
Geändert am
</th>
<th class="responsive-table__th">
Geändert von
</th>
<th class="responsive-table__th">
Anzahl
</th>
<th class="responsive-table__th is-hidden-on-desktop">
Aktion
</th>
</tr>
</thead>
<tbody>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<button class="wishlist-management-table__link">
<span class="wishlist-management-table__link-name">Zubehör</span>
</button>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Erstellt am</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>17.06.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Geändert am</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.06.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Geändert von</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Max Mustermann</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>15</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">Bearbeiten</a>
</li>
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">Löschen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr is-active">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<button class="wishlist-management-table__link">
<span class="wishlist-management-table__link-name">Bikeschuhe</span>
</button>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Erstellt am</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>17.06.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Geändert am</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.06.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Geändert von</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Max Mustermann</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>15</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">Bearbeiten</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr">
<td class="responsive-table__td">
<div class="responsive-table__td-inner-container">
<button class="wishlist-management-table__link">
<span class="wishlist-management-table__link-name">Laufschuhe</span>
</button>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Erstellt am</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>17.06.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Geändert am</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>18.06.2021</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Geändert von</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>Max Mustermann</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Anzahl</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="wysiwyg-content">
<p>15</p>
</div>
</div>
</div>
</div>
</td>
<td class="responsive-table__td is-right-aligned">
<div class="responsive-table__mobile-container">
<div class="responsive-table__mobile-column">
<div class="responsive-table__mobile-column-title">Aktion</div>
</div>
<div class="responsive-table__mobile-column">
<div class="responsive-table__td-inner-container">
<div class="ellipsis-actions">
<button type="button" class="ellipsis-actions__toggle">
<span class="visually-hidden">More actions</span>
</button>
<div class="info-tooltip__html" data-info-tooltip-content-html>
<ul class="ellipsis-actions__list">
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">Umbenennen</a>
</li>
<li class="ellipsis-actions__list-item">
<a href="#" class="ellipsis-actions__link">Löschen</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="responsive-table__tr" data-responsive-table-filter-no-match hidden>
<td class="responsive-table__td" colspan="6">
<div class="wysiwyg-content">
<p class="responsive-table__no-match">Keine Ergebnisse gefunden</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
{% include '@SharedComponents/modules/b2b-wishlist/templates/wishlist-management/wishlist-management.twig' %}
{
"header": {
"title": "Merklisten",
"headingLevel": "3",
"Button": {
"variant": "icon-text-regular",
"title": "Neue Merkliste erstellen",
"icon": "add",
"type": "a",
"href": "#"
}
},
"navigation": {
"headingLevel": "3",
"title": "Account Navigation",
"items": [
{
"name": "Profil",
"href": "#",
"icon": "profile",
"subLinksList": [
{
"name": "Persönliche Daten",
"href": "#"
},
{
"name": "Kommunikation",
"href": "#"
},
{
"name": "Adressen",
"href": "#"
}
]
},
{
"name": "Bestellungen",
"href": "#",
"icon": "orders",
"subLinksList": [
{
"name": "Bestellübersicht",
"href": "#"
},
{
"name": "Bestellungen freigeben",
"href": "#"
}
]
},
{
"name": "Auswertungen",
"href": "#",
"icon": "analysis"
},
{
"name": "Rechnungen",
"href": "#",
"icon": "invoices"
},
{
"name": "Gutschriften",
"href": "#",
"icon": "credit-notes"
},
{
"name": "Merklisten",
"href": "#",
"icon": "wishlist",
"active": true
},
{
"name": "Warenkörbe",
"href": "#",
"icon": "cart"
},
{
"name": "Retouren",
"href": "#",
"icon": "return",
"subLinksList": [
{
"name": "Retourenübersicht",
"href": "#"
},
{
"name": "Retoure erfassen",
"href": "#"
},
{
"name": "Retourenliste",
"href": "#"
}
]
},
{
"name": "Garantieanträge",
"href": "#",
"icon": "warranty"
},
{
"name": "Serviceanträge",
"href": "#",
"icon": "service"
}
]
},
"wishlistManagement": {
"include": "...wishlist-management-table--default"
}
}
No notes defined.