SmilingShops.com Blog hinzufügen für plentymarkets Shopsysteme.

Transcription

1 SmilingShops.com Blog hinzufügen für plentymarkets Shopsysteme. Hinweis: Die Installation erfolgt auf ihrem eigenen Risiko. Die Dateien aus diesem Beispiel wurden für das Callisto Template entwickelt. Legen Sie vor der Arbeit an ihrem Templatesystem immer eine Sicherung an! Für Fragen, Hilfe oder den kompletten Installationsservice sind wir gerne für Sie da: Telefon: +49 (0) (von 09-16:00) support@smilingshops.com Ihnen gefällt unsere kleine Anleitung so sehr, das Sie uns einen Kaffee ausgeben möchten? > PayPal: verkauf@smilingshops.com 1.) BlogDesignBlogEntry: <!--Start--> <h1>$blogtitle</h1> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="blog_author"> $BlogInserted von $BlogAuthorName<br> <br> $BlogTagLink <br> <br> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 image_processing"> $BlogBody <br><br> <div style="clear:both"> {% if Link_LastBlog() % <div style="font-size:120%;" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"><strong>vorheriger Artikel: </strong> <br> <a href="{% Link_LastBlog() %" class="link_to_blog"> $LastBlogTitle </a> {% endif % {% if Link_NextBlog() % <div style="font-size:120%;" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> <strong> Nächster Artikel: </strong><br> <a href="{% Link_NextBlog() %" class="link_to_blog"> $NextBlogTitle </a> {% endif % <!--Ende--> 2.) BlogDesignBlogList: <!--Start--> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> {% CategoryContentBody(463) % {% for $_entry in GetBlogDesignBlogList() %{% MapTemplateVars($_entry) % <div class="blog-item-list"> <div style="margin-bottom:20px;" class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <div style="height:320px; overflow:hidden;" class="padding_5_bg_color_f7f7f7"> <div class="blog-item-head"><div class="small2 blog_author">$blogcategory $BlogAuthorImage

2 <h2 class="blog_title_link"> <a href="{% Link_Blog() %">$BlogTitle</a> </h2> $BlogBody <div class="small2 blog_author"> $BlogInserted von $BlogAuthorName <br> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="buttons_cat"> <a href="{% Link_Blog() %">weiter lesen...</a> {% endfor % {% if BrowsePreviousButton() BrowseNextButton() % <div style="clear:both"> <div style="font-size:150%;" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> {% if BrowsePreviousButton() % {% BrowsePreviousButton() % {% else % erste Seite {% endif % <div style="font-size:150%; text-align:right;" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> {% if BrowseNextButton() % {% BrowseNextButton() % {% else % letzte Seite {% endif % {% endif % <!--Ende--> 3.) BlogDesignBlogArchivesList: <!--Start--> <ul class="blog_archive_linklist">{% for $_entry in GetBlogDesignBlogArchivesList() %{% MapTemplateVars($_entry) %<li><a href="{% Link_BlogArchiveMonth() %" class="archive_link">$blogarchivedate</a>{% endfor % <!--Ende--> 4.) BlogDesignBlogCategoriesList: <!--Start--> <div class="navigationtree"> <ul class="plenty_blog_category_list">{% for $_entry in GetBlogDesignBlogCategoriesList() %{% MapTemplateVars($_entry) %<li><a href="{% Link_BlogCategory() %" class="category_link navigationtree">$blogcategoryurlname</a>{% endfor % <!--Ende--> 5.) BlogDesignSearchResultsList:

3 <!--Start--> {% for $_entry in GetBlogDesignSearchResultsList() % {% MapTemplateVars($_entry) % <div class="blog-item-list"> <div style="margin-bottom:20px;" class="col-lg-6 col-md-6 col-sm-12 col-xs-12"> <div style="height:320px; overflow:hidden;" class="padding_5_bg_color_f7f7f7"> <div class="blog-item-head"><div class="small2 blog_author">$blogcategory <h2 class="blog_title_link"> <a href="{% Link_Blog() %">$BlogTitle</a> </h2> $BlogBody <div class="small2 blog_author"> $BlogInserted von $BlogAuthorName <br> <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> <div class="buttons_cat"> <a href="{% Link_Blog() %">weiter lesen...</a> {% endfor % {% if BrowsePreviousButton() BrowseNextButton() % <div style="clear:both"> <div style="font-size:150%;" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> {% if BrowsePreviousButton() % {% BrowsePreviousButton() % {% else % erste Seite {% endif % <div style="font-size:150%; text-align:right;" class="col-lg-6 col-md-6 col-sm-6 col-xs-6"> {% if BrowseNextButton() % {% BrowseNextButton() % {% else % letzte Seite {% endif % {% endif % <!--Ende--> 6.) BlogDesignPreviewList: <!--Start--> {% $BlogDesignPreviewList_Category = 1 % $Container_BlogDesignPreviewList {% $BlogDesignPreviewList_Category = 2 % $Container_BlogDesignPreviewList2 <!--Ende--> 7.) BlogDesignPreviewList2: <!--Start--> {% for $_entry in GetBlogDesignPreviewList2() %{% MapTemplateVars($_entry) %Beitrag vom $BlogInserted<br /> <i>$blogbody</i> <a href="{% Link_Blog() %">...weiterlesen</a><br />{% endfor %

4 <!--Ende--> 8.) CMS» Webdesign / Layout / CSS / CSSBase Ganz am Schluss einfügen: /*Beginn CSS Erweiterung*/.plenty_blog_category_list{ font-size:120%;.plenty_blog_category_list li{ margin-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #EBE9ED; margin-top: 15px;.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0;.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;.image_processing{.image_processing img{ background-color: #F7F7F7; padding: 5px; border: 1px solid #D6D6D6; margin-top: 5px; margin-right: 2%; margin-bottom: 5px; margin-left: 2%;.PlentyTagLink,.buttons_cat a{ color: #fff;.plentytaglink,.buttons_cat a:hover{ color: #fff; text-decoration: none;.plentytaglink,.buttons_cat{ /*color: #fff; text-shadow: 1px 1px 0px #FFF;*/ padding: 5px; background-image: -moz-linear-gradient(50% 0% -90deg,rgb(157,212,245) 0%,rgb(143,193,226) 100%); background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(157,212,245)),color-stop(1, rgb(143,193,226))); background-image: -webkit-linear-gradient(-90deg,rgb(157,212,245) 0%,rgb(143,193,226) 100%); background-image: -o-linear-gradient(-90deg,rgb(157,212,245) 0%,rgb(143,193,226) 100%); background-image: -ms-linear-gradient(-90deg,rgb(157,212,245) 0%,rgb(143,193,226) 100%); background-image: linear-gradient(180deg,rgb(157,212,245) 0%,rgb(143,193,226) 100%); -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr=#ff9dd4f5,endcolorstr=#ff8fc1e2,gradienttype=0)"; filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#ff9dd4f5,endcolorstr=#ff8fc1e2,gradienttype=0); border-radius: 4px; text-align: center; height: 40px; overflow: hidden; transition: all 1s ease-in-out 0s; border: 1px solid #EEEDF0; line-height: 16px; margin-top: 3px; margin-bottom: 5px; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;

5 .PlentyTagLink,.buttons_cat:hover{ /*color: #fff; text-shadow: 1px 1px 0px #FFF;*/ -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; background-image: -moz-linear-gradient(52% 3% -90deg,rgb(220,215,95) 0%,rgb(179,174,57) 100%); background-image: -webkit-gradient(linear,52% 3%,52% 106%,color-stop(0, rgb(220,215,95)),color-stop(1, rgb(179,174,57))); background-image: -webkit-linear-gradient(-90deg,rgb(220,215,95) 0%,rgb(179,174,57) 100%); background-image: -o-linear-gradient(-90deg,rgb(220,215,95) 0%,rgb(179,174,57) 100%); background-image: -ms-linear-gradient(-90deg,rgb(220,215,95) 0%,rgb(179,174,57) 100%); background-image: linear-gradient(180deg,rgb(220,215,95) 0%,rgb(179,174,57) 100%); -ms-filter: "progid:dximagetransform.microsoft.gradient(startcolorstr=#ffdcd75f,endcolorstr=#ffb3ae39,gradienttype=0)"; filter:progid:dximagetransform.microsoft.gradient(startcolorstr=#ffdcd75f,endcolorstr=#ffb3ae39,gradienttype=0); text-decoration: none; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;.buttons_cat img{ text-align: center; padding: 2px; max-width: 90%; border: 1px solid #fff; display: block; background-color: #FFF; background-repeat: no-repeat; background-position: center center; box-shadow: 0px 0px 1px 0px #666 inset; border-radius: 40px; float: left; width: 20px; height: 20px; margin: 5px auto; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;.buttons_cat img:hover{ text-align: center; padding: 2px; max-width: 90%; border: 1px solid #fff; display: block; background-color: #FFF; background-repeat: no-repeat; background-position: center center; box-shadow: 0px 0px 1px 0px #666 inset; border-radius: 40px; float: left; width: 20px; height: 20px; margin: 5px auto; -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out; /*Ende CSS Erweiterung*/ 9.1) CMS» Webdesign / Layout / PageDesign / PageDesignBlog PageDesignBlogHtmlStructure:

6 <!--Start--> {# Definitions # {# Set delay (ms) to auto close errors or set to "infinite" to not close errors automatically # {% $_popupautoclose_error = "infinite" % {# Set delay (ms) to auto close errors or set to "infinite" to not close errors automatically # {% $_popupautoclose_message = 5000 % <!DOCTYPE html> <html lang="$lang"> <head> <!--[if IE]><meta http-equiv="x-ua-compatible" content="ie=edge"><![endif]--> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> <title>$htmlmetatitle</title> $HtmlHeadLinkCSSTags <link href=' rel='stylesheet' type='text/css'> $HtmlHeadJavaScriptTags $HtmlHeadMetaTags </head> <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries T:$Request_ToShow --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="/layout/callisto/libs/html5shiv.js"></script> <script src="/layout/callisto/libs/respond.min.js"></script> <![endif]--> {% $_currentlocationclasses = "plenty no-js " % {% $_currentlocationclasses.= $Lang % {% if $IsWelcomePage %{% $_currentlocationclasses.= " ishome" %{% endif % {% if $CurrentCategoryId[Level1] %{% $_currentlocationclasses.= " iscat-" %{% $_currentlocationclasses.= $CurrentCategoryId[Level1] %{% else %{% $_currentlocationclasses.= " isnocat" %{% endif % {% if $Request_ToShow == "SingleArticle" %{% $_currentlocationclasses.= " issingleitem" %{% endif % {% if $CurrentSearchEngine == "plentyfacets" % {# facets is active filter # {% if NavigationFacetsListAvailable(false) % {% $_currentlocationclasses.= " filterexist isfacets" % {% endif % {% else % {# facets is not active filter # {% if $FilterProducerExist $FilterCharacterGroupsExist $FilterAvailabilityExist % {% $_currentlocationclasses.= " filterexist" % {% endif % {% endif % <!--[if lt IE 7]><body class="$_currentlocationclasses ie ielt7 ielte7 ielte8 ielte9"><![endif]--> <!--[if IE 7]><body class="$_currentlocationclasses ie ie7 ielte7 ielte8 ielte9"><![endif]--> <!--[if IE 8]><body class="$_currentlocationclasses ie ie8 ielte8 ielte9"><![endif]--> <!--[if IE 9]><body class="$_currentlocationclasses ie ie9 ielte9"><![endif]--> <!--[if IE 10]><body class="$_currentlocationclasses ie ie10"><![endif]--> <!--[if gt IE 10]><body class="$_currentlocationclasses ie iegt10"><![endif]--> <!--[if!ie]><!--> <body class="$_currentlocationclasses"> <!--<![endif]--> <script> // add class js, remove class no-js var classes = document.body.classname.split(' '); var newclasses = 'js'; for (var i = 0; i < classes.length; i++) { if ( classes[i]!== 'no-js' ) newclasses += ' ' + classes[i]; document.body.classname = newclasses.trim(); </script> <div class="wrapper"> <a id="top"></a> $PageDesignBlogMainFrame <div class="totop" data-plenty="totop"><a class="btn btn-primary onlyicon" href="#top"><span class="glyphicon glyphicon-arrow-up"></span><span class="sr-only">nach oben</span></a> <a id="bottom"></a> <!-- js (webshop) --> $HtmlBodyOverlays <!-- Modernizer / Detection of touch --> <script src="/layout/callisto/js/modernizr.min.js"></script>

7 <!-- js (bootstrap, plenty) --> <script src="/layout/callisto/js/bootstrap.min.js"></script> <script src="/layout/callisto/js/owl.carousel.min.js"></script> <script src="/layout/callisto/js/jquery.lazyload.js"></script> <script src="/layout/callisto/js/jquery.touchswipe.min.js"></script> <script src="/layout/callisto/js/jquery.ui.touch-punch.min.js"></script> <script src="/layout/callisto/js/plenty.js"></script> {% if $Request_ToShow == "SingleArticle" % <script src="/layout/callisto/js/manager-ext.js" type="text/javascript"></script> <!-- featured image zoomer --> <script type="text/javascript"> // the two options for Featured Image Zoomer: var featuredimagezoomer = { // full path or URL to "loading" gif loadinggif: 'layout/callisto/img/loading_fff.gif', // value for CSS's 'cursor' property when over the zoomable image magnifycursor: 'crosshair' ; </script> <script src="/layout/callisto/js/multizoom.js" type="text/javascript"></script> {% endif % <div class="modal browsererrormodal" aria="alert" data-plenty="browsererrormodal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-danger"><span class="glyphicon glyphiconwarning-sign"></span> </h4> <div class="modal-body"> <script type="text/javascript"> if( jquery('body').hasclass('ielte8')!modernizr["mediaqueries"]!modernizr["display-table"] ) { jquery('[data-plenty="browsererrormodal"].modal-title').append('ihr Browser ist veraltet.'); jquery('[data-plenty="browsererrormodal"].modal-body').html('<p>um alle Funktionen dieses Shops nutzen zu können, empfehlen wir Ihnen, Ihren Browser zu aktualisieren.</p>'); jquery('[data-plenty="browsererrormodal"]').modal('show'); </script> <script> (function($) { // error messages $(document).ready(function() { // append closing button to errors and messages and clone it to the end of body $('.plentyerrorbox,.plentymessagebox').each(function() { $('body').append( $(this).prepend('<button type="button" class="close"><span aria-hidden="true"> </span><span class="sr-only">schließen</span></button>') ); ); if( $('.plentyerrorbox,.plentymessagebox').length > 0 ) { $('#PlentyWebshopOverlay').show(); // auto closing errors $('.plentyerrorbox').autohide({ hideafter: {% if $_popupautoclose_error!= "infinite" % $_popupautoclose_error {% else % 0 {% endif %, removefromdom: true, overlayselector: '#PlentyWebshopOverlay', closeselector: '.close' ); // auto closing messages $('.plentymessagebox').autohide({ hideafter: {% if $_popupautoclose_message!= "infinite" % $_popupautoclose_message {% else % 0 {% endif %, removefromdom: true, overlayselector: '#PlentyWebshopOverlay', closeselector: '.close' ); ); )(jquery); </script> <noscript>

8 <div class="modal" aria="alert"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title text-danger"><span class="glyphicon glyphicon-warning-sign"></span> Ihr Browser unterstützt kein JavaScript!</h4> <div class="modal-body"> <p> Um die Funktionen dieser Seite nutzen zu können, benötigen Sie JavaScript!<br> Bitte aktualisieren Sie Ihren Browser oder aktivieren Sie JavaScript in den Einstellungen. </p> <div class="modal-backdrop fade in"> </noscript> </body> </html> <!-- Ende --> 9.2) CMS» Webdesign / Layout / PageDesign / PageDesignBlog PageDesignBlogMainFrame: <!-- Start --> {# Center the company logo in header and wrap menu items around # {% $_centerheaderlogo = false % {# Insert the URL of your brand here # {% $_companylogourl = GetGlobal('LayoutFolder'). "/img/company_logo.jpg" % <!-- static navbar --> <nav class="navbar navbar-default nav-main" role="navigation" catid="$currentcategoryid[level1]"> <div class="container relative nav-main-container"> <!-- contact, informations, login, cart --> <div class="navbar-information clearfix"> <ul class="nav navbar-nav {% if $_centerheaderlogo %navbar-left pull-left{% else %navbar-right {% endif %"> <li class="isphone"> {# $_tellink = $CompanyHotline; $_explode = explode("(0)", $_tellink); $_tellink = implode("", $_explode); if ( stripos($_tellink, "+") == 0 ) { $_tellink = "+"; else { $_tellink = ""; $_number = intval($_tellink); $_tellink.= $_number; # <a href="tel: $CompanyHotline"><span class="glyphicon glyphicon-earphone hiddenxs"> </span>$companyhotline</a> <li class="iscontact"> <a href="{% Link_Contact() %"><span class="glyphicon glyphiconenvelope"></span><span class="hidden-xs"> Kontakt</span></a> <li class="isinfo dropdown enable-xs-sm"> <a href="javascript:void(0);" class="dropdown-toggle toggle-xs-sm-or-touch" dataplenty="click:mobiledropdown.opendropdown(this, true)"><span class="glyphicon glyphicon-info-sign"></span><span class="hiddenxs"> Info <span class="caret"></span></span></a> <ul class="dropdown-menu" role="menu"> <li><a href="{% Link_PaymentMethods() %">Zahlungsarten</a> <li><a href="{% Link_ShippingCosts() %">Versandarten & -kosten</a> <li><a href="{% Link_CancellationRights() %">Widerrufsrecht</a> <li><a href="{% Link_LegalDisclosure() %">Impressum</a> {% if $_centerheaderlogo % <ul class="nav navbar-nav navbar-right pull-right"> {% endif %

9 {% if $IsCustomerLoggedIn % {% $_invoicedata = GetCheckoutCustomerInvoiceAddress(); $_salutatiionname = "Gast"; if ( $_invoicedata->firstname ) { $_salutatiionname = $_invoicedata->firstname; elseif ( $_invoicedata->formofaddressid == 3 && $_invoicedata- >LastName ) { $_salutatiionname = "Familie "; $_salutatiionname.= $_invoicedata->lastname; elseif ( $_invoicedata->formofaddressid == 2 && $_invoicedata- >Company ) { $_salutatiionname = $_invoicedata->company; % <li class="dropdown ismyaccount enable-xs-sm"> <a href="javascript:void(0);" class="dropdown-toggle toggle-xs-sm-or-touch" data-plenty="click:mobiledropdown.opendropdown(this, true)"><span class="glyphicon glyphicon-user"></span><span class="hiddenxs"> Hallo $_salutatiionname <span class="caret"></span></span></a> <ul class="dropdown-menu" role="menu"> <li class="dropdown-header hidden-sm hidden-md hidden-lg" role="presentation">hallo $_salutatiionname <li class="divider hidden-sm hidden-md hidden-lg" role="presentation"> {% if $CustomerID && $_invoicedata->logintype == 2 %<li><a href="{% Link_MyAccount() %" title="mein Konto">Mein Konto</a>{% endif % <li><a href="{% Link_Home() %- ActionCallQQWebActionLogoutCustomer/">Nicht $_salutatiionname? Abmelden</a> {% else % <li class="dropdown islogin enable-xs-sm"> <a href="javascript:void(0);" class="dropdown-toggle toggle-xs-sm-or-touch" data-plenty="click:mobiledropdown.opendropdown(this, true)"> <span class="glyphicon glyphicon-user"></span><span class="hidden-xs"> Login</span> </a> <ul class="dropdown-menu dropdown-menu-right dropdown-padding" role="menu" data-plenty="loginformcontainer"> <li> <form class="form-inline form-block-2-button break-sm loginform" method="post" action="{% Link_MyAccount() %" data-plenty-checkout-form="customerlogin" dataplenty="submit:validator.validate(this, 'has-error'); submit:authentication.login(this)"> <div class="form-group"> <label class="sr-only" for="checkout-login- "> -adresse</label> <input class="form-control" id="checkout-login- " name="loginmail" type=" " placeholder=" -adresse" data-plenty-validate="mail"> <!-- --><div class="form-group"> <label class="sr-only" for="checkout-login-password">passwort</label> <input class="form-control" id="checkout-login-password" name="loginpassword" type="password" placeholder="passwort" data-plenty-validate="text"> <!-- --><button class="btn btn-primary onlyicon" type="submit"> <span class="large glyphicon glyphicon-arrow-right"></span><span class="hidden-md hidden-lg margin-left-05"> Anmelden</span> </button> </form> <div> <a class="iconlink" href="{% Link_LostPassword() %"><span class="glyphicon glyphicon-question-sign"></span> Passwort vergessen?</a> <hr class="margin-top-05 margin-bottom-05"> <div class="clearfix"> <a class="iconlink pull-left" href="{% Link_CustomerRegistration() %"><span class="glyphicon glyphicon-pencil"></span> Registrieren</a> <a class="iconlink cancel pull-right" href="javascript:void(0);" data-plenty="cancellogin"><span class="glyphicon glyphicon-remove"></span> Abbrechen</a> {% endif %

10 <li class="dropdown isbasketpreview{% if $BasketItemQuantity == 0 % disabled{% endif %" data-plenty-basket-empty="disabled"> <a href="{% Link_Basket() %" class="dropdown-toggle toggle-xs-sm-or-touch" dataplenty="click:mobiledropdown.opendropdown(this, true); click:ui.toggleclass('aside-visible', 'body', 'xs,sm'); click:tab.showremotetab('basketpreview', 'aside', 'xs,sm')"> <span class="glyphicon glyphicon-shopping-cart"></span><span class="hidden-xs"> Warenkorb</span> <span class="badge" data-plenty-basketpreview="itemquantitytotal">$basketitemquantitydynamic</span> </a> <ul class="dropdown-menu dropdown-padding" role="menu"> <li> <div class="overlay aside-overlay closeicon top-left" dataplenty="click:ui.toggleclass('aside-visible', 'body')"> <div class="basketpreviewcontainer asidepanel" dataplenty="basketpreviewcontainer"> <div class="remotetabs-tabpanel is-basket" dataplenty="tab.initremotetab(this, 'basketpreview', 'aside')"> <div class="basketpreviewcontent gradienty-fade-in" data-plenty-itemview-template="basketpreviewlist"> {% Container_ItemViewBasketPreviewList() % <!-- mobile navbar --> <div class="navbar-header"> <button type="button" class="navbar-toggle pull-left" data-plenty="click:ui.toggleclass('navigation-visible', 'body')"> <span class="sr-only">toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> {% if ( $CurrentSearchEngine == "plentyfacets" && NavigationFacetsListAvailable(false) ) ( $CurrentSearchEngine!= "plentyfacets" && ( $FilterProducerExist $FilterCharacterGroupsExist $FilterAvailabilityExist ) ) % <button type="button" class="navbar-toggle pull-right" data-plenty="click:ui.toggleclass('asidevisible', 'body'); click:tab.showremotetab('filter', 'aside', 'xs,sm')"> <span class="glyphicon glyphicon-filter"><span class="sr-only">toggle filter / basket preview</span> </button> {% endif % <div class="navbar-brand{% if $_centerheaderlogo % center{% endif %"> <a href="{% Link_Home() %"><img src="$_companylogourl" alt="$webstorename" /></a> <!-- search, main navbar --> <div class="mainnavigation clearfix"> <form class="navbar-right navbar-form content_search_form" role="search" method="get" name="search_form" action="/" data-plenty="navbarform"> <div class="form-group navbarinputwrapper"> <input type="hidden" name="actioncall" value="webactionarticlesearch"> <input id="livesearchparam" class="form-control" autocomplete="off" name="params[searchparam]" type="search" placeholder="suchen" onkeyup="if(this.value.length<2) {$p(\'livesearch_result\').style.display=\'none\';return;else{$p(\'livesearch_result\').style.display=\'block\';plentyajaxrequest(\'/webajaxb ase.php?object=article@livearticlesearch&searchparam=\'+encodeuricomponent(this.value))" /> <!-- --><button class="btn-search onlyicon transition" type="submit"><span class="glyphicon glyphicon-search"></span><span class="sr-only">finden</span></button> <div id="livesearch_result" class="livesearch"> </form> {% Container_NavigationCategories() % 'body')"> <div class="overlay navigation-overlay closeicon top-right" data-plenty="click:ui.toggleclass('navigation-visible', </nav>

11 <div class="container"> <div class="row"> <div class="container"> <div class="" data-plenty-view=""> <div class="row"> <!-- sidebar --> <div class="col-lg-3 col-md-3"> <div class="filterpanel asidepanel margin-top-2"> <div data-plenty-remotetabs-id="aside" data-plenty-tabpanel-labelledby="filter"> <div class="subnavigationpanel margin-top-3 hidden-sm hiddenxs"> <div class="h3">blog $Container_BlogCategoriesList <div class="h3 hidden-xs hidden-sm"> <!--./ sidebar --> <!-- main column --> <div class="col-lg-9 col-md-9 col-sm-12 col-xs-12"> <!-- pagination top --> <div class="categorypagination row margin-top-2 margin-top-xs-0 margin-bottom-2"> <div class="col-lg-12"> $MainFrame <!--./pagination top --> <!-- category description --> <!--./category description --> <!--./main column -->

12 <footer> {% if $SocialMedia && $Request_ToShow!= "SingleArticle" % {# social share # <div class="text-center">{% Container_NavigationCategories6() % <hr> {% endif % {# Payment Provider # {% Container_NavigationCategories7() % <hr> {# Shipping Provider # {% Container_NavigationCategories8() % <hr> {# Newsletter Form # {% Container_NavigationCategories9() % <hr> {# Footer - Additional Links # {% Container_NavigationCategories10() % </footer> <div class="asidepanelcontainer asidepanel" aria-hidden="true"> <ul class="nav nav-tabs extended asidepaneltablist"> <li data-plenty="tab.initremotelabel(this, 'filter', 'aside')" class="isfilter{% if ( $CurrentSearchEngine == "plentyfacets" && NavigationFacetsListAvailable(false) ) ( $CurrentSearchEngine!= "plentyfacets" && ( $FilterProducerExist $FilterCharacterGroupsExist $FilterAvailabilityExist ) ) % active{% endif %"> <a data-plenty="click:tab.showremotetab('filter', 'aside', 'xs,sm')"><span class="glyphicon glyphiconfilter"></span> Filter</a> <li data-plenty="tab.initremotelabel(this, 'basketpreview', 'aside')" class="isbasket{% if! ( ( $CurrentSearchEngine == "plentyfacets" && NavigationFacetsListAvailable(false) ) ( $CurrentSearchEngine!= "plentyfacets" && ( $FilterProducerExist $FilterCharacterGroupsExist $FilterAvailabilityExist ) ) ) % active{% endif %"> <a data-plenty="click:tab.showremotetab('basketpreview', 'aside', 'xs,sm')"><span class="glyphicon glyphicon-shopping-cart"></span> Warenkorb</a> <!-- Ende -->