2742 lines
129 KiB
HTML
2742 lines
129 KiB
HTML
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
|||
|
|
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
|
|||
|
|
<head>
|
|||
|
|
|
|||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|||
|
|
<title>XADO Schmierfett reparierend, Verschleiß 50% Additive, Autopflege, Motorenöle TORALIN</title>
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
|
|||
|
|
<meta name="description" content="Geeignet für alle PKW, LKW, Motorrad, Quad, Fahrrad, Maschinen. Kompensiert bis zu 50% Verschleiß. Dieses Fett wirkt wieder herstellend und schützend bei Bauteilen und Komponenten, die starken Belastungen ausgesetzt sind." />
|
|||
|
|
<meta name="keywords" content="XADO Schmierfett reparierend, Verschleiß 50%, schmierfett auto, Universal Lithiumfett, Schmierstoff XADO, Universalfett auto, Universalfett industrie, Schmierstoff auf Lithiumbasis, Fetten Schmieren, Fett Automobile, Schmierstoffe industrie, schmierfette für wälzlager,schmierfette eigenschaften, schmierfette kaufen, schmierfette eigenschaften online, schmierfette verträglichkeit, Fett für extremen Druck, Extreme- druck fett, extreme pressure grease, CV-Gelenk Packung Fett, Gleichlaufgelenke (CV-Joints) Fett, Schmierfett Antriebswellen, Schmierfett Radlager, Schmierfett Gelenklager, Schmierfett Hinterachslager, Fett Gleit- und Rollenlagern, schmierfett Gleit- und Rollenlagern.
|
|||
|
|
" />
|
|||
|
|
<meta name="robots" content="INDEX,FOLLOW" />
|
|||
|
|
<link rel="icon" href="http://www.toralin.de/media/favicon/default/favicon_2_.ico" type="image/x-icon" />
|
|||
|
|
<link rel="shortcut icon" href="http://www.toralin.de/media/favicon/default/favicon_2_.ico" type="image/x-icon" />
|
|||
|
|
|
|||
|
|
<!--[if lt IE 7]>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
var BLANK_URL = 'http://www.toralin.de/js/blank.html';
|
|||
|
|
var BLANK_IMG = 'http://www.toralin.de/js/spacer.gif';
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
<![endif]-->
|
|||
|
|
|
|||
|
|
<link rel="stylesheet" type="text/css" href="http://www.toralin.de/media/css/65fab05a8d511ca6b07f66b63c78f799.css" />
|
|||
|
|
<link rel="stylesheet" type="text/css" href="http://www.toralin.de/media/css/5f304245d915d05da8c031dbd12b083a.css" media="all" />
|
|||
|
|
<link rel="stylesheet" type="text/css" href="http://www.toralin.de/media/css/a19464398a075b4eaceea2c76934c0c6.css" media="print" />
|
|||
|
|
<script type="text/javascript" src="http://www.toralin.de/media/js/12ba4d776b870fb5de9f5664e54bcf8e.js"></script>
|
|||
|
|
<link rel="canonical" href="http://www.toralin.de/schmierfett-reparierend-verschlei-y-910.html" />
|
|||
|
|
<!--[if IE]>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="http://www.toralin.de/media/css/d0df0c3b77e898d8ad5ae4628eede7b7.css" media="all" />
|
|||
|
|
<![endif]-->
|
|||
|
|
<!--[if lt IE 7]>
|
|||
|
|
<script type="text/javascript" src="http://www.toralin.de/media/js/e7369d2b2ae135b0642ade19bb83907f.js"></script>
|
|||
|
|
<![endif]-->
|
|||
|
|
<!--[if lte IE 7]>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="http://www.toralin.de/media/css/9a96e372058a8d383341bece98cb9428.css" media="all" />
|
|||
|
|
<![endif]-->
|
|||
|
|
<!--[if lte IE 8]>
|
|||
|
|
<link rel="stylesheet" type="text/css" href="http://www.toralin.de/media/css/e52a3e14a5096a44ad84c619788c1b63.css" media="all" />
|
|||
|
|
<![endif]-->
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
Mage.Cookies.path = '/';
|
|||
|
|
Mage.Cookies.domain = '.www.toralin.de';
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
optionalZipCountries = ["IE","PA","HK","MO"];
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
<style type="text/css">
|
|||
|
|
.footer-container2
|
|||
|
|
{
|
|||
|
|
background-image: url(http://www.toralin.de/media/wysiwyg/infortis/ultimo/_patterns/default/1.png);
|
|||
|
|
}
|
|||
|
|
</style>
|
|||
|
|
<link type="text/css" rel="stylesheet" href="https://bankauswahl.giropay.de/widget/v1/style.css" media="all" />
|
|||
|
|
<link type="text/css" rel="stylesheet" href="https://bankauswahl.giropay.de/eps/widget/v1/style.css" media="all" />
|
|||
|
|
<script src="https://www.sisow.nl/Sisow/scripts/giro-eps.js"></script>
|
|||
|
|
<script type="text/javascript">//<![CDATA[
|
|||
|
|
var Translator = new Translate({"HTML tags are not allowed":"HTML-Tags sind nicht erlaubt","Please select an option.":"Bitte w\u00e4hlen Sie eine Option.","This is a required field.":"Dies ist ein Pflichtfeld.","Please enter a valid number in this field.":"Bitte geben Sie eine g\u00fcltige Nummer in dieses Feld ein.","The value is not within the specified range.":"Der Wert ist nicht innerhalb des erlaubten Bereichs.","Please use numbers only in this field. Please avoid spaces or other characters such as dots or commas.":"Bitte nur Ziffern in diesem Feld verwenden. Vermeiden Sie Leerzeichen oder andere Zeichen (z. B. Punkt oder Komma).","Please use letters only (a-z or A-Z) in this field.":"Bitte nur Buchstaben (a-z oder A-Z) in diesem Feld verwenden.","Please use only letters (a-z), numbers (0-9) or underscore(_) in this field, first character should be a letter.":"Bitte nur Buchstaben (a-z), Ziffern (0-9) oder Unterstriche (_) in diesem Feld verwenden, das erste Zeichen muss ein Buchstabe sein.","Please use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed.":"Bitte nur Buchstaben (a-z oder A-Z) oder Ziffern (0-9) in diesem Feld verwenden. Leerzeichen oder andere Zeichen sind nicht erlaubt.","Please use only letters (a-z or A-Z) or numbers (0-9) or spaces and # only in this field.":"Bitte nur Buchstaben (a-z oder A-Z), Ziffern (0-9), Leerzeichen oder # f\u00fcr dieses Feld verwenden.","Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890.":"Bitte geben Sie eine g\u00fcltige Telefonnummer ein. Zum Beispiel (123) 456-7890 oder 123-456-7890.","Please enter a valid fax number. For example (123) 456-7890 or 123-456-7890.":"Bitte tragen Sie eine g\u00fcltige Faxnummer ein. Zum Beispiel (123) 456-7890 oder 123-456-7890.","Please enter a valid date.":"Bitte geben Sie ein g\u00fcltiges Datum ein.","The From Date value should be less than or equal to the To Date value.":"Das Startdatum sollte vor dem oder am Enddatum liegen.","Please enter a valid email address. For example johndoe@domain.com.":"Bitte geben Sie eine g\u00fcltige E-Mail Adresse ein. Zum Beispiel johndoe@domain.de.","Please use only visible characters and spaces.":"Bitte nur sichtbare Zeichen verwenden.","Please enter 6 or more characters. Leading or trailing spaces will be ignored.":"Bitte geben Sie 6 oder mehr Zeichen ein. Leerzeichen am Anfang oder Ende der Zeichenkette werden entfernt.","Please enter 7 or more characters. Password should contain both numeric and alphabetic characters.":"Bitte geben Sie 7 oder mehr Zeichen ein. Ein Passwort sollte sowohl aus Ziffern wie aus Buchstaben bestehen.","Please make sure your passwords match.":"Bitte stellen Sie sicher, dass die beiden Passworte identisch sind.","Please enter a valid URL. Protocol is required (http:\/\/, https:\/\/ or ftp:\/\/)":"Bitte geben Sie eine g\u00fcltige URL ein. M\u00f6gliche Protokolle (http:\/\/, https:\/\/ or ftp:\/\/)","Please enter a valid URL. For example http:\/\/www.example.com or www.example.com":"Bitte geben Sie eine g\u00fcltige URL ein. Zum Beispiel http:\/\/www.beispiel.de oder www.beispiel.de","Please enter a valid URL Key. For example \"example-page\", \"example-page.html\" or \"anotherlevel\/example-page\".":"Bitte geben Sie einen g\u00fcltigen URL-Bezeichner ein. Zum Beispiel \"beispiel-seite\", \"beispiel-seite.html\" or \"unterverzeichnis\/beispiel-seite\".","Please enter a valid XML-identifier. For example something_1, block5, id-4.":"Bitte geben Sie einen g\u00fcltigen XML-Identifizierer an. Zum Beispiel irgendetwas_1, block5, id-4.","Please enter a valid social security number. For example 123-45-6789.":"Bitte geben Sie eine g\u00fcltige Sozialversicherungsnummer ein. Zum Beispiel 123-45-6789.","Please enter a valid zip code. For example 90602 or 90602-1234.":"Bitte geben Sie eine g\u00fcltige Postleitzahl ein. Zum Beispiel 21335.","Please enter a valid zip code.":"Bitte geben Sie eine g\u00fcltige Postleitzahl ein.","Please use this date format: dd\/mm\/yyyy. For example 17\/03\/2006
|
|||
|
|
//]]></script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<link href='//fonts.googleapis.com/css?family=Bitter&subset=latin' rel='stylesheet' type='text/css' />
|
|||
|
|
</head>
|
|||
|
|
<body class=" catalog-product-view responsive catalog-product-view product-schmierfett-reparierend-verschlei-y-50 ">
|
|||
|
|
<div id="root-wrapper">
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<noscript>
|
|||
|
|
<div class="global-site-notice noscript">
|
|||
|
|
<div class="notice-inner">
|
|||
|
|
<p>
|
|||
|
|
<strong>JavaScript scheint in Ihrem Browser deaktiviert zu sein.</strong><br />
|
|||
|
|
Sie müssen JavaScript in Ihrem Browser aktivieren, um alle Funktionen in diesem Shop nutzen zu können. </p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</noscript>
|
|||
|
|
<div class="page">
|
|||
|
|
<div id="top" class="header-container header-regular">
|
|||
|
|
<div class="header-container2">
|
|||
|
|
<div class="header-container3">
|
|||
|
|
|
|||
|
|
<div class="header-top-container">
|
|||
|
|
<div class="header-top header container clearer">
|
|||
|
|
<div class="inner-container">
|
|||
|
|
|
|||
|
|
<div class="left-column">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="item item-left block_header_top_left"><div class="hide-below-960" title=""><span class="ic ic-lg ic-phone"></span> 0031 (0) 614392096 </div></div>
|
|||
|
|
<div class="item item-left hide-below-960">
|
|||
|
|
<p class="welcome-msg"> </p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div> <!-- end: left column -->
|
|||
|
|
|
|||
|
|
<div class="right-column">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="currency-switcher-wrapper-regular" class="item item-right"></div>
|
|||
|
|
<div id="lang-switcher-wrapper-regular" class="item item-right"><script>
|
|||
|
|
|
|||
|
|
function goToPage( id ) {
|
|||
|
|
|
|||
|
|
var node = document.getElementById( id );
|
|||
|
|
|
|||
|
|
// Check to see if valid node and if node is a SELECT form control
|
|||
|
|
|
|||
|
|
if( node &&
|
|||
|
|
node.tagName == "SELECT" ) {
|
|||
|
|
|
|||
|
|
// Go to web page defined by the VALUE attribute of the OPTION element
|
|||
|
|
|
|||
|
|
window.location.href = node.options[node.selectedIndex].value;
|
|||
|
|
|
|||
|
|
} // endif
|
|||
|
|
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
</script>
|
|||
|
|
<a href="http://www.toralin.de/grosshandel/customer/account/login/" class="go">Großhandel </a> <select id="select" name="select" onchange="goToPage('select')">
|
|||
|
|
<option value="http://www.toralin.cz">Tschechisch</option>
|
|||
|
|
<option value="http://www.toralin.com">Englisch</option>
|
|||
|
|
<option value="http://www.toralin.nl">Holländisch</option>
|
|||
|
|
<option value="http://www.toralin.fr">Französisch</option>
|
|||
|
|
<option value="http://www.toralin.ru">Russisch</option>
|
|||
|
|
<option value="http://www.toralin.es">Spanisch</option>
|
|||
|
|
|
|||
|
|
<option selected="selected" value="">Sprache wählen</option></select></div>
|
|||
|
|
|
|||
|
|
</div> <!-- end: right column -->
|
|||
|
|
|
|||
|
|
</div> <!-- end: inner-container -->
|
|||
|
|
</div> <!-- end: header-top -->
|
|||
|
|
</div> <!-- end: header-top-container -->
|
|||
|
|
|
|||
|
|
<div class="header-primary-container">
|
|||
|
|
<div class="header-primary header container">
|
|||
|
|
<div class="inner-container">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="hp-blocks-holder skip-links--5">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Mobile logo -->
|
|||
|
|
<div class="logo-wrapper--mobile">
|
|||
|
|
<a class="logo logo--mobile" href="http://www.toralin.de/" title="TORALIN">
|
|||
|
|
<img src="http://www.toralin.de/skin/frontend/ultimo/default/images/logo.gif" alt="TORALIN" />
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="clearer after-mobile-logo"></div>
|
|||
|
|
|
|||
|
|
<!-- Skip links -->
|
|||
|
|
|
|||
|
|
<a href="#header-nav" class="skip-link skip-nav">
|
|||
|
|
<span class="icon ic ic-menu"></span>
|
|||
|
|
<span class="label">Menu</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<a href="#header-search" class="skip-link skip-search">
|
|||
|
|
<span class="icon ic ic-search"></span>
|
|||
|
|
<span class="label">Suche</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<a href="#header-account" class="skip-link skip-account">
|
|||
|
|
<span class="icon ic ic-user"></span>
|
|||
|
|
<span class="label">Mein Benutzerkonto</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<a href="#header-compare" class="skip-link skip-compare">
|
|||
|
|
<span class="icon ic ic-compare"></span>
|
|||
|
|
<span class="label">Vergleichen</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<!-- Mini cart wrapper for cart and its skip link on mobile devices -->
|
|||
|
|
<div id="mini-cart-wrapper-mobile"></div>
|
|||
|
|
|
|||
|
|
<div class="skip-links-clearer clearer"></div>
|
|||
|
|
|
|||
|
|
<!-- end: Skip links -->
|
|||
|
|
|
|||
|
|
<!-- Additional containers for elements displayed on mobile devices -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Primary columns -->
|
|||
|
|
|
|||
|
|
<!-- Left column -->
|
|||
|
|
<div class="hp-block left-column grid12-4">
|
|||
|
|
<div class="item"><div class="logo-wrapper logo-wrapper--regular">
|
|||
|
|
<a class="logo logo--regular" href="http://www.toralin.de/" title="TORALIN"><strong>TORALIN</strong><img src="http://www.toralin.de/skin/frontend/ultimo/default/images/logo.gif" alt="TORALIN" /></a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div> <!-- end: left column -->
|
|||
|
|
|
|||
|
|
<!-- Central column -->
|
|||
|
|
<div class="hp-block central-column grid12-4">
|
|||
|
|
<div class="item"><div id="search-wrapper-regular">
|
|||
|
|
<div id="header-search" class="skip-content skip-content--style search-wrapper">
|
|||
|
|
<form id="search_mini_form" action="http://www.toralin.de/catalogsearch/result/" method="get">
|
|||
|
|
<div class="form-search">
|
|||
|
|
<label for="search">Suche:</label>
|
|||
|
|
<input id="search" type="text" name="q" value="" class="input-text" maxlength="128" />
|
|||
|
|
<button type="submit" title="Suche" class="button"><span><span>Suche</span></span></button>
|
|||
|
|
<div id="search_autocomplete" class="search-autocomplete"></div>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
var searchForm = new Varien.searchForm('search_mini_form', 'search', 'Gesamten Shop durchsuchen…');
|
|||
|
|
searchForm.initAutocomplete('http://www.toralin.de/catalogsearch/ajax/suggest/', 'search_autocomplete');
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div> <!-- end: central column -->
|
|||
|
|
|
|||
|
|
<!-- Right column -->
|
|||
|
|
<div class="hp-block right-column grid12-4">
|
|||
|
|
<div class="item"><div id="user-menu-wrapper-regular">
|
|||
|
|
<div id="user-menu" class="user-menu">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="mini-cart-wrapper-regular">
|
|||
|
|
<div id="mini-cart" class="mini-cart dropdown is-empty">
|
|||
|
|
|
|||
|
|
<a href="#header-cart" class="mini-cart-heading dropdown-heading cover skip-link skip-cart">
|
|||
|
|
<span>
|
|||
|
|
|
|||
|
|
<span class="icon ic ic-cart"></span>
|
|||
|
|
<span class="label">Warenkorb</span>
|
|||
|
|
<span class="caret"> </span>
|
|||
|
|
|
|||
|
|
</span>
|
|||
|
|
</a> <!-- end: heading -->
|
|||
|
|
|
|||
|
|
<div id="header-cart" class="mini-cart-content dropdown-content left-hand block block block-cart skip-content skip-content--style">
|
|||
|
|
<div class="block-content-inner">
|
|||
|
|
|
|||
|
|
<div class="empty">Sie haben keine Artikel im Warenkorb.</div>
|
|||
|
|
|
|||
|
|
</div> <!-- end: inner block -->
|
|||
|
|
</div> <!-- end: dropdown-content -->
|
|||
|
|
|
|||
|
|
</div> <!-- end: mini-cart -->
|
|||
|
|
</div> <!-- end: mini-cart-wrapper-regular -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="mini-compare-wrapper-regular">
|
|||
|
|
<div id="mini-compare" class="mini-compare dropdown is-empty">
|
|||
|
|
|
|||
|
|
<div class="mini-compare-heading dropdown-heading cover skip-link skip-compare" title="Sie haben keine Artikel auf der Vergleichsliste.">
|
|||
|
|
<span>
|
|||
|
|
<span class="icon ic ic-compare"></span>
|
|||
|
|
<span class="label">Vergleichen</span>
|
|||
|
|
<span class="caret"> </span>
|
|||
|
|
</span>
|
|||
|
|
</div>
|
|||
|
|
<div id="header-compare" class="mini-compare-content dropdown-content left-hand block skip-content skip-content--style">
|
|||
|
|
<div class="empty">Sie haben keine Artikel auf der Vergleichsliste.</div>
|
|||
|
|
</div><!-- end: dropdown-content -->
|
|||
|
|
|
|||
|
|
</div> <!-- end: mini-compare -->
|
|||
|
|
</div> <!-- end: mini-compare-wrapper-regular -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="account-links-wrapper-regular">
|
|||
|
|
<div id="header-account" class="top-links links-wrapper-separators-left skip-content skip-content--style">
|
|||
|
|
<ul class="links">
|
|||
|
|
<li class="first" ><a href="https://www.toralin.de/customer/account/" title="Mein Benutzerkonto" >Mein Benutzerkonto</a></li>
|
|||
|
|
<li ><a href="https://www.toralin.de/wishlist/" title="Mein Wunschzettel" >Mein Wunschzettel</a></li>
|
|||
|
|
<li class=" last" ><a href="https://www.toralin.de/customer/account/login/" title="Anmelden" >Anmelden</a></li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div> <!-- end: user-menu -->
|
|||
|
|
</div></div>
|
|||
|
|
</div> <!-- end: right column -->
|
|||
|
|
|
|||
|
|
</div> <!-- end: hp-blocks-holder -->
|
|||
|
|
|
|||
|
|
</div> <!-- end: inner-container -->
|
|||
|
|
</div> <!-- end: header-primary -->
|
|||
|
|
</div> <!-- end: header-primary-container -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="header-nav" class="nav-container skip-content sticky-container">
|
|||
|
|
<div class="nav container clearer">
|
|||
|
|
<div class="inner-container">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="mobnav-trigger-wrapper clearer">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a class="mobnav-trigger" href="#">
|
|||
|
|
<span class="trigger-icon"><span class="line"></span><span class="line"></span><span class="line"></span></span>
|
|||
|
|
<span>Menu</span>
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<ul id="nav" class="nav-regular opt-fx-fade-inout opt-sb0">
|
|||
|
|
|
|||
|
|
<li id="nav-holder1" class="nav-item level0 level-top nav-holder"></li>
|
|||
|
|
<li id="nav-holder2" class="nav-item level0 level-top nav-holder"></li>
|
|||
|
|
<li id="nav-holder3" class="nav-item level0 level-top nav-holder"></li>
|
|||
|
|
|
|||
|
|
<li class="nav-item nav-item--home level0 level-top">
|
|||
|
|
<a class="level-top" href="http://www.toralin.de/"><span>Home</span></a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
<li class="nav-item level0 nav-1 level-top first nav-item--parent mega nav-item--only-subcategories parent"><a href="http://www.toralin.de/produkte.html" class="level-top"><span>Produkte</span><span class="caret"> </span></a><span class="opener"></span><div class="nav-panel--dropdown nav-panel full-width"><div class="nav-panel-inner"><div class="nav-block--center grid12-12"><ul class="level0 nav-submenu nav-submenu--mega dd-itemgrid dd-itemgrid-4col"><li class="nav-item level1 nav-1-1 first nav-item--only-subcategories parent"><a href="http://www.toralin.de/produkte/autopflege.html"><span>Autopflege</span><span class="caret"> </span></a><span class="opener"></span><ul class="level1 nav-submenu nav-panel"><li class="nav-item level2 nav-1-1-1 first classic"><a href="http://www.toralin.de/produkte/autopflege/exterieur.html"><span>Exterieur </span></a></li><li class="nav-item level2 nav-1-1-2 classic"><a href="http://www.toralin.de/produkte/autopflege/interieur.html"><span>Interieur</span></a></li><li class="nav-item level2 nav-1-1-3 last classic"><a href="http://www.toralin.de/produkte/autopflege/luftreiniger-und-ozongerate.html"><span>Luftreiniger und Ozongeräte</span></a></li></ul></li><li class="nav-item level1 nav-1-2 nav-item--only-subcategories parent"><a href="http://www.toralin.de/produkte/motor.html"><span>Motor</span><span class="caret"> </span></a><span class="opener"></span><ul class="level1 nav-submenu nav-panel"><li class="nav-item level2 nav-1-2-4 first classic"><a href="http://www.toralin.de/produkte/motor/ol-additive.html"><span>Öl-Additive</span></a></li><li class="nav-item level2 nav-1-2-5 classic"><a href="http://www.toralin.de/produkte/motor/ol-leck-stop.html"><span>Öl-Leck-Stop</span></a></li><li class="nav-item level2 nav-1-2-6 classic"><a href="http://www.toralin.de/produkte/motor/ol-system-reiniger.html"><span>Öl-System-Reiniger</span></a></li><li class="nav-item level2 nav-1-2-7 classic"><a href="http://www.toralin.de/produkte/motor/olverbrauch.html"><span>Ölverbrauch </span></a></li><li class="nav-item level2 nav-1-2-8 classic"><a href="http://www.toralin.de/produkte/motor/schmierfette.html"><span>Schmierfette</span></a></li><li class="nav-item level2 nav-1-2-9 last classic"><a href="http://www.toralin.de/produkte/motor/xado-motorol.html"><span>XADO Motoröl</span></a></li></ul></li><li class="nav-item level1 nav-1-3 nav-item--only-subcategories parent"><a href="http://www.toralin.de/produkte/kraftstoffsystem.html"><span>Kraftstoffsystem</span><span class="caret"> </span></a><span class="opener"></span><ul class="level1 nav-submenu nav-panel"><li class="nav-item level2 nav-1-3-10 first classic"><a href="http://www.toralin.de/produkte/kraftstoffsystem/kraftstoff-additive-benzin.html"><span>Kraftstoff-Additive Benzin</span></a></li><li class="nav-item level2 nav-1-3-11 classic"><a href="http://www.toralin.de/produkte/kraftstoffsystem/reiniger.html"><span>Reiniger</span></a></li><li class="nav-item level2 nav-1-3-12 last classic"><a href="http://www.toralin.de/produkte/kraftstoffsystem/xado-revitalisant.html"><span>XADO Revitalisant</span></a></li></ul></li><li class="nav-item level1 nav-1-4 nav-item--only-subcategories parent"><a href="http://www.toralin.de/produkte/getriebe.html"><span>Getriebe</span><span class="caret"> </span></a><span class="opener"></span><ul class="level1 nav-submenu nav-panel"><li class="nav-item level2 nav-1-4-13 first classic"><a href="http://www.toralin.de/produkte/getriebe/getriebe-additive.html"><span>Getriebe-Additive</span></a></li><li class="nav-item level2 nav-1-4-14 classic"><a href="http://www.toralin.de/produkte/getriebe/getriebe-leck-stop.html"><span>Getriebe-Leck-Stop</span></a></li><li class="nav-item level2 nav-1-4-15 classic"><a href="http://www.toralin.de/produkte/getriebe/xado-getriebe.html"><span>XADO Getriebe</span></a></li><li class="nav-item level2 nav-1-4-16 last classic"><a href="http://www.toralin.de/produkte/getriebe/xado-getriebeol.html"><span>XADO Getriebeöl</span></a></li></ul></li><li class="nav-item level1
|
|||
|
|
|
|||
|
|
|
|||
|
|
</ul>
|
|||
|
|
<div class="nav-border-bottom"></div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
var MegaMenu = {
|
|||
|
|
|
|||
|
|
mobileMenuThreshold: 960 , bar: jQuery('#nav')
|
|||
|
|
, panels: null
|
|||
|
|
, mobnavTriggerWrapper: null
|
|||
|
|
, itemSelector: 'li'
|
|||
|
|
, panelSelector: '.nav-panel'
|
|||
|
|
, openerSelector: '.opener'
|
|||
|
|
, isTouchDevice: ('ontouchstart' in window) || (navigator.msMaxTouchPoints > 0)
|
|||
|
|
, ddDelayIn: 50
|
|||
|
|
, ddDelayOut: 200
|
|||
|
|
, ddAnimationDurationIn: 50
|
|||
|
|
, ddAnimationDurationOut: 200
|
|||
|
|
|
|||
|
|
, init : function()
|
|||
|
|
{
|
|||
|
|
MegaMenu.panels = MegaMenu.bar.find(MegaMenu.panelSelector);
|
|||
|
|
MegaMenu.mobnavTriggerWrapper = jQuery('.mobnav-trigger-wrapper');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, initDualMode : function()
|
|||
|
|
{
|
|||
|
|
MegaMenu.init();
|
|||
|
|
|
|||
|
|
if (jQuery('#nav-holders-wrapper-mobile').length)
|
|||
|
|
{
|
|||
|
|
MegaMenu.hookToModeChange(); //Hook to events only if necessary (if holders wrapper exists)
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
MegaMenu.bar.accordion(MegaMenu.panelSelector, MegaMenu.openerSelector, MegaMenu.itemSelector);
|
|||
|
|
if (jQuery(window).width() >= MegaMenu.mobileMenuThreshold)
|
|||
|
|
{
|
|||
|
|
MegaMenu.cleanUpAfterMobileMenu(); //Required for IE8
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
enquire
|
|||
|
|
.register('screen and (max-width: ' + (MegaMenu.mobileMenuThreshold - 1) + 'px)', {
|
|||
|
|
match: MegaMenu.activateMobileMenu,
|
|||
|
|
unmatch: MegaMenu.cleanUpAfterMobileMenu
|
|||
|
|
})
|
|||
|
|
.register('screen and (min-width: ' + MegaMenu.mobileMenuThreshold + 'px)', {
|
|||
|
|
deferSetup: true,
|
|||
|
|
setup: MegaMenu.cleanUpAfterMobileMenu,
|
|||
|
|
match: MegaMenu.activateRegularMenu,
|
|||
|
|
unmatch: MegaMenu.prepareMobileMenu
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, initMobileMode : function()
|
|||
|
|
{
|
|||
|
|
MegaMenu.init();
|
|||
|
|
MegaMenu.bar.accordion(MegaMenu.panelSelector, MegaMenu.openerSelector, MegaMenu.itemSelector);
|
|||
|
|
MegaMenu.activateMobileMenu();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, activateMobileMenu : function()
|
|||
|
|
{
|
|||
|
|
MegaMenu.mobnavTriggerWrapper.show();
|
|||
|
|
MegaMenu.bar.addClass('nav-mobile acco').removeClass('nav-regular');
|
|||
|
|
|
|||
|
|
jQuery(document).trigger("activate-mobile-menu"); ///
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, activateRegularMenu : function() //Default state
|
|||
|
|
{
|
|||
|
|
MegaMenu.bar.addClass('nav-regular').removeClass('nav-mobile acco');
|
|||
|
|
MegaMenu.mobnavTriggerWrapper.hide();
|
|||
|
|
|
|||
|
|
jQuery(document).trigger("activate-regular-menu"); ///
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, cleanUpAfterMobileMenu : function()
|
|||
|
|
{
|
|||
|
|
MegaMenu.panels.css('display', '');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, prepareMobileMenu : function()
|
|||
|
|
{
|
|||
|
|
MegaMenu.panels.hide();
|
|||
|
|
|
|||
|
|
MegaMenu.bar.find('.item-active').each( function() {
|
|||
|
|
jQuery(this).children('.nav-panel').show();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, hookToModeChange : function()
|
|||
|
|
{
|
|||
|
|
//Move holders to temporary container
|
|||
|
|
jQuery(document).on('activate-mobile-menu', function(e, data) {
|
|||
|
|
|
|||
|
|
//Important: move in inverted order
|
|||
|
|
jQuery('#nav-holders-wrapper-mobile').prepend(jQuery('#nav-holder1, #nav-holder2, #nav-holder3'));
|
|||
|
|
|
|||
|
|
}); //end: on event
|
|||
|
|
|
|||
|
|
//Move holders back to the menu bar
|
|||
|
|
jQuery(document).on('activate-regular-menu', function(e, data) {
|
|||
|
|
|
|||
|
|
//Move holders back to the menu only if holders are NOT in the menu yet.
|
|||
|
|
//Important: needed on initialization of the menu in regular mode.
|
|||
|
|
if (jQuery('#nav-holder1').parent().is('#nav') === false)
|
|||
|
|
{
|
|||
|
|
//Important: move in inverted order
|
|||
|
|
jQuery('#nav').prepend(jQuery('#nav-holder1, #nav-holder2, #nav-holder3'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}); //end: on event
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}; //end: MegaMenu
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
MegaMenu.initDualMode();
|
|||
|
|
|
|||
|
|
//Toggle mobile menu
|
|||
|
|
jQuery('a.mobnav-trigger').on('click', function(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
if (jQuery(this).hasClass('active'))
|
|||
|
|
{
|
|||
|
|
MegaMenu.bar.removeClass('show');
|
|||
|
|
jQuery(this).removeClass('active');
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
MegaMenu.bar.addClass('show');
|
|||
|
|
jQuery(this).addClass('active');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
jQuery(function($) {
|
|||
|
|
|
|||
|
|
var menubar = MegaMenu.bar;
|
|||
|
|
|
|||
|
|
menubar.on('click', '.no-click', function(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
menubar.on('mouseenter', 'li.parent.level0', function() {
|
|||
|
|
|
|||
|
|
if (false === menubar.hasClass('nav-mobile'))
|
|||
|
|
{
|
|||
|
|
var item = $(this);
|
|||
|
|
var dd = item.children('.nav-panel');
|
|||
|
|
|
|||
|
|
var itemPos = item.position();
|
|||
|
|
var ddPos = { left: itemPos.left, top: itemPos.top + item.height() };
|
|||
|
|
if (dd.hasClass('full-width')) { ddPos.left = 0; }
|
|||
|
|
|
|||
|
|
dd.removeClass('tmp-full-width');
|
|||
|
|
|
|||
|
|
var ddConOffset = menubar.offset().left;
|
|||
|
|
var outermostCon = $(window);
|
|||
|
|
|
|||
|
|
var outermostContainerWidth = outermostCon.width();
|
|||
|
|
var ddOffset = ddConOffset + ddPos.left;
|
|||
|
|
var ddWidth = dd.outerWidth();
|
|||
|
|
|
|||
|
|
if ((ddOffset + ddWidth) > outermostContainerWidth)
|
|||
|
|
{
|
|||
|
|
var diff = (ddOffset + ddWidth) - outermostContainerWidth;
|
|||
|
|
var ddPosLeft_NEW = ddPos.left - diff;
|
|||
|
|
|
|||
|
|
var ddOffset_NEW = ddOffset - diff;
|
|||
|
|
|
|||
|
|
if (ddOffset_NEW < 0)
|
|||
|
|
{
|
|||
|
|
dd.addClass('tmp-full-width');
|
|||
|
|
ddPos.left = 0;
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
ddPos.left = ddPosLeft_NEW;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
dd
|
|||
|
|
.css({
|
|||
|
|
'left' : ddPos.left + 'px',
|
|||
|
|
'top' : ddPos.top + 'px'
|
|||
|
|
})
|
|||
|
|
.stop(true, true).delay(MegaMenu.ddDelayIn).fadeIn(MegaMenu.ddAnimationDurationIn, "easeOutCubic");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}).on('mouseleave', 'li.parent.level0', function() {
|
|||
|
|
|
|||
|
|
if (false === menubar.hasClass('nav-mobile'))
|
|||
|
|
{
|
|||
|
|
$(this).children(".nav-panel")
|
|||
|
|
.stop(true, true).delay(MegaMenu.ddDelayOut).fadeOut(MegaMenu.ddAnimationDurationOut, "easeInCubic");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}); //end: menu top-level dropdowns
|
|||
|
|
|
|||
|
|
}); //end: on document ready
|
|||
|
|
|
|||
|
|
jQuery(window).on("load", function() {
|
|||
|
|
|
|||
|
|
var menubar = MegaMenu.bar;
|
|||
|
|
|
|||
|
|
if (MegaMenu.isTouchDevice)
|
|||
|
|
{
|
|||
|
|
menubar.on('click', 'a', function(e) {
|
|||
|
|
|
|||
|
|
link = jQuery(this);
|
|||
|
|
if (!menubar.hasClass('nav-mobile') && link.parent().hasClass('nav-item--parent'))
|
|||
|
|
{
|
|||
|
|
if (!link.hasClass('ready'))
|
|||
|
|
{
|
|||
|
|
e.preventDefault();
|
|||
|
|
menubar.find('.ready').removeClass('ready');
|
|||
|
|
link.parents('li').children('a').addClass('ready');
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}); //end: on click
|
|||
|
|
} //end: if isTouchDevice
|
|||
|
|
|
|||
|
|
}); //end: on load
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</div> <!-- end: inner-container -->
|
|||
|
|
</div> <!-- end: nav -->
|
|||
|
|
</div> <!-- end: nav-container -->
|
|||
|
|
</div> <!-- end: header-container3 -->
|
|||
|
|
</div> <!-- end: header-container2 -->
|
|||
|
|
</div> <!-- end: header-container -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
|
|||
|
|
|
|||
|
|
var SmartHeader = {
|
|||
|
|
|
|||
|
|
mobileHeaderThreshold : 770
|
|||
|
|
, rootContainer : jQuery('.header-container')
|
|||
|
|
|
|||
|
|
, init : function()
|
|||
|
|
{
|
|||
|
|
enquire.register('(max-width: ' + (SmartHeader.mobileHeaderThreshold - 1) + 'px)', {
|
|||
|
|
match: SmartHeader.moveElementsToMobilePosition,
|
|||
|
|
unmatch: SmartHeader.moveElementsToRegularPosition
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, activateMobileHeader : function()
|
|||
|
|
{
|
|||
|
|
SmartHeader.rootContainer.addClass('header-mobile').removeClass('header-regular');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, activateRegularHeader : function()
|
|||
|
|
{
|
|||
|
|
SmartHeader.rootContainer.addClass('header-regular').removeClass('header-mobile');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, moveElementsToMobilePosition : function()
|
|||
|
|
{
|
|||
|
|
SmartHeader.activateMobileHeader();
|
|||
|
|
|
|||
|
|
//Move cart
|
|||
|
|
jQuery('#mini-cart-wrapper-mobile').prepend(jQuery('#mini-cart'));
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//Reset active state
|
|||
|
|
jQuery('.skip-active').removeClass('skip-active');
|
|||
|
|
|
|||
|
|
//Disable dropdowns
|
|||
|
|
jQuery('#mini-cart').removeClass('dropdown');
|
|||
|
|
jQuery('#mini-compare').removeClass('dropdown');
|
|||
|
|
|
|||
|
|
//Clean up after dropdowns: reset the "display" property
|
|||
|
|
jQuery('#header-cart').css('display', '');
|
|||
|
|
jQuery('#header-compare').css('display', '');
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, moveElementsToRegularPosition : function()
|
|||
|
|
{
|
|||
|
|
SmartHeader.activateRegularHeader();
|
|||
|
|
|
|||
|
|
//Move cart
|
|||
|
|
jQuery('#mini-cart-wrapper-regular').prepend(jQuery('#mini-cart'));
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//Reset active state
|
|||
|
|
jQuery('.skip-active').removeClass('skip-active');
|
|||
|
|
|
|||
|
|
//Enable dropdowns
|
|||
|
|
jQuery('#mini-cart').addClass('dropdown');
|
|||
|
|
jQuery('#mini-compare').addClass('dropdown');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}; //end: SmartHeader
|
|||
|
|
|
|||
|
|
//Important: mobile header code must be executed before sticky header code
|
|||
|
|
SmartHeader.init();
|
|||
|
|
|
|||
|
|
jQuery(function($) {
|
|||
|
|
|
|||
|
|
//Skip Links
|
|||
|
|
var skipContents = $('.skip-content');
|
|||
|
|
var skipLinks = $('.skip-link');
|
|||
|
|
|
|||
|
|
skipLinks.on('click', function (e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
|
|||
|
|
var self = $(this);
|
|||
|
|
var target = self.attr('href');
|
|||
|
|
|
|||
|
|
//Get target element
|
|||
|
|
var elem = $(target);
|
|||
|
|
|
|||
|
|
//Check if stub is open
|
|||
|
|
var isSkipContentOpen = elem.hasClass('skip-active') ? 1 : 0;
|
|||
|
|
|
|||
|
|
//Hide all stubs
|
|||
|
|
skipLinks.removeClass('skip-active');
|
|||
|
|
skipContents.removeClass('skip-active');
|
|||
|
|
|
|||
|
|
//Toggle stubs
|
|||
|
|
if (isSkipContentOpen) {
|
|||
|
|
self.removeClass('skip-active');
|
|||
|
|
} else {
|
|||
|
|
self.addClass('skip-active');
|
|||
|
|
elem.addClass('skip-active');
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}); //end: on document ready
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
jQuery(function($) {
|
|||
|
|
|
|||
|
|
var StickyHeader = {
|
|||
|
|
|
|||
|
|
stickyThreshold : 960
|
|||
|
|
, isSticky : false
|
|||
|
|
, isSuspended : false
|
|||
|
|
, headerContainer : $('.header-container')
|
|||
|
|
, stickyContainer : $('.sticky-container') //.nav-container
|
|||
|
|
, stickyContainerOffsetTop : 55 //Position of the bottom edge of the sticky container relative to the viewport
|
|||
|
|
, requiredRecalculation : false //Flag: required recalculation of the position of the bottom edge of the sticky container
|
|||
|
|
|
|||
|
|
, calculateStickyContainerOffsetTop : function()
|
|||
|
|
{
|
|||
|
|
//Calculate the position of the bottom edge of the sticky container relative to the viewport
|
|||
|
|
StickyHeader.stickyContainerOffsetTop =
|
|||
|
|
StickyHeader.stickyContainer.offset().top + StickyHeader.stickyContainer.outerHeight();
|
|||
|
|
|
|||
|
|
//Important: disable flag
|
|||
|
|
StickyHeader.requiredRecalculation = false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, init : function()
|
|||
|
|
{
|
|||
|
|
StickyHeader.hookToActivatedDeactivated(); //Important: call before activateSticky is called
|
|||
|
|
StickyHeader.calculateStickyContainerOffsetTop();
|
|||
|
|
StickyHeader.applySticky();
|
|||
|
|
StickyHeader.hookToScroll();
|
|||
|
|
StickyHeader.hookToResize();
|
|||
|
|
|
|||
|
|
if (StickyHeader.stickyThreshold > 0)
|
|||
|
|
{
|
|||
|
|
enquire.register('(max-width: ' + (StickyHeader.stickyThreshold - 1) + 'px)', {
|
|||
|
|
match: StickyHeader.suspendSticky,
|
|||
|
|
unmatch: StickyHeader.unsuspendSticky
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, applySticky : function()
|
|||
|
|
{
|
|||
|
|
if (StickyHeader.isSuspended) return;
|
|||
|
|
|
|||
|
|
//If recalculation required
|
|||
|
|
if (StickyHeader.requiredRecalculation)
|
|||
|
|
{
|
|||
|
|
//Important: recalculate only when header is not sticky
|
|||
|
|
if (!StickyHeader.isSticky)
|
|||
|
|
{
|
|||
|
|
StickyHeader.calculateStickyContainerOffsetTop();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var viewportOffsetTop = $(window).scrollTop();
|
|||
|
|
if (viewportOffsetTop > StickyHeader.stickyContainerOffsetTop)
|
|||
|
|
{
|
|||
|
|
if (!StickyHeader.isSticky)
|
|||
|
|
{
|
|||
|
|
StickyHeader.activateSticky();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
if (StickyHeader.isSticky)
|
|||
|
|
{
|
|||
|
|
StickyHeader.deactivateSticky();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, activateSticky : function()
|
|||
|
|
{
|
|||
|
|
var stickyContainerHeight = StickyHeader.stickyContainer.outerHeight();
|
|||
|
|
var originalHeaderHeight = StickyHeader.headerContainer.css('height');
|
|||
|
|
|
|||
|
|
//Compensate the change of the header height after the sticky container was removed from its normal position
|
|||
|
|
StickyHeader.headerContainer.css('height', originalHeaderHeight);
|
|||
|
|
|
|||
|
|
//Trigger even just before making the header sticky
|
|||
|
|
$(document).trigger("sticky-header-before-activated");
|
|||
|
|
|
|||
|
|
//Make the header sticky
|
|||
|
|
StickyHeader.headerContainer.addClass('sticky-header');
|
|||
|
|
StickyHeader.isSticky = true;
|
|||
|
|
|
|||
|
|
//Effect
|
|||
|
|
StickyHeader.stickyContainer.css('margin-top', '-' + stickyContainerHeight + 'px').animate({'margin-top': '0'}, 200, 'easeOutCubic');
|
|||
|
|
//StickyHeader.stickyContainer.css('opacity', '0').animate({'opacity': '1'}, 300, 'easeOutCubic');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, deactivateSticky : function()
|
|||
|
|
{
|
|||
|
|
//Remove the compensation of the header height change
|
|||
|
|
StickyHeader.headerContainer.css('height', '');
|
|||
|
|
|
|||
|
|
StickyHeader.headerContainer.removeClass('sticky-header');
|
|||
|
|
StickyHeader.isSticky = false;
|
|||
|
|
|
|||
|
|
$(document).trigger("sticky-header-deactivated");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, suspendSticky : function()
|
|||
|
|
{
|
|||
|
|
StickyHeader.isSuspended = true;
|
|||
|
|
|
|||
|
|
//Deactivate sticky header.
|
|||
|
|
//Important: call method only when sticky header is actually active.
|
|||
|
|
if (StickyHeader.isSticky)
|
|||
|
|
{
|
|||
|
|
StickyHeader.deactivateSticky();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, unsuspendSticky : function()
|
|||
|
|
{
|
|||
|
|
StickyHeader.isSuspended = false;
|
|||
|
|
|
|||
|
|
//Activate sticky header.
|
|||
|
|
//Important: call applySticky instead of activateSticky to check if activation is needed.
|
|||
|
|
StickyHeader.applySticky();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, hookToScroll : function()
|
|||
|
|
{
|
|||
|
|
$(window).on("scroll", StickyHeader.applySticky);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, hookToScrollDeferred : function()
|
|||
|
|
{
|
|||
|
|
var windowScrollTimeout;
|
|||
|
|
$(window).on("scroll", function() {
|
|||
|
|
clearTimeout(windowScrollTimeout);
|
|||
|
|
windowScrollTimeout = setTimeout(function() {
|
|||
|
|
StickyHeader.applySticky();
|
|||
|
|
}, 50);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, hookToResize : function()
|
|||
|
|
{
|
|||
|
|
$(window).on('themeResize', function(e) {
|
|||
|
|
|
|||
|
|
//Require recalculation
|
|||
|
|
StickyHeader.requiredRecalculation = true;
|
|||
|
|
|
|||
|
|
//Remove the compensation of the header height change
|
|||
|
|
StickyHeader.headerContainer.css('height', '');
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, hookToActivatedDeactivated : function()
|
|||
|
|
{
|
|||
|
|
//Move elements to sticky header
|
|||
|
|
$(document).on('sticky-header-before-activated', function(e, data) {
|
|||
|
|
|
|||
|
|
//Move mini cart to sticky header but only if mini cart is NOT yet inside the holder
|
|||
|
|
//(if parent of parent doesn't have class "nav-holder").
|
|||
|
|
if (jQuery('#mini-cart').parent().parent().hasClass('nav-holder') === false)
|
|||
|
|
{
|
|||
|
|
jQuery('#nav-holder1').prepend(jQuery('#mini-cart'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//Move mini compare to sticky header but only if mini compare is NOT yet inside the holder
|
|||
|
|
//(if parent of parent doesn't have class "nav-holder").
|
|||
|
|
if (jQuery('#mini-compare').parent().parent().hasClass('nav-holder') === false)
|
|||
|
|
{
|
|||
|
|
jQuery('#nav-holder2').prepend(jQuery('#mini-compare'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}); //end: on event
|
|||
|
|
|
|||
|
|
//Move elements from sticky header to normal position
|
|||
|
|
$(document).on('sticky-header-deactivated', function(e, data) {
|
|||
|
|
|
|||
|
|
//Move mini cart back to the regular container but only if mini cart is directly inside the holder
|
|||
|
|
if (jQuery('#mini-cart').parent().hasClass('nav-holder'))
|
|||
|
|
{
|
|||
|
|
jQuery('#mini-cart-wrapper-regular').prepend(jQuery('#mini-cart'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//Move mini compare back to the regular container but only if mini compare is directly inside the holder
|
|||
|
|
if (jQuery('#mini-compare').parent().hasClass('nav-holder'))
|
|||
|
|
{
|
|||
|
|
jQuery('#mini-compare-wrapper-regular').prepend(jQuery('#mini-compare'));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}); //end: on event
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}; //end: StickyHeader
|
|||
|
|
|
|||
|
|
StickyHeader.init();
|
|||
|
|
|
|||
|
|
}); //end: on document ready
|
|||
|
|
|
|||
|
|
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
<script>
|
|||
|
|
function showUser(str) {
|
|||
|
|
if (str == "") {
|
|||
|
|
document.getElementById("txtHint").innerHTML = "";
|
|||
|
|
return;
|
|||
|
|
} else {
|
|||
|
|
if (window.XMLHttpRequest) {
|
|||
|
|
// code for IE7+, Firefox, Chrome, Opera, Safari
|
|||
|
|
xmlhttp = new XMLHttpRequest();
|
|||
|
|
} else {
|
|||
|
|
// code for IE6, IE5
|
|||
|
|
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
|
|||
|
|
}
|
|||
|
|
xmlhttp.onreadystatechange = function() {
|
|||
|
|
if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
|
|||
|
|
document.getElementById("txtHint").innerHTML = xmlhttp.responseText;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
xmlhttp.open("GET","http://www.toralin.de/getuser.php?q="+str,true);
|
|||
|
|
xmlhttp.send();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
</script> <div class="main-container col1-layout">
|
|||
|
|
<div class="main-top-container"></div>
|
|||
|
|
<div class="main container">
|
|||
|
|
<div class="inner-container">
|
|||
|
|
<div class="breadcrumbs">
|
|||
|
|
<ul>
|
|||
|
|
<li class="home" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
|
|||
|
|
<a href="http://www.toralin.de/" title="Zur Startseite" itemprop="url"><span itemprop="title">Home</span></a>
|
|||
|
|
|
|||
|
|
<span class="sep"></span>
|
|||
|
|
|
|||
|
|
</li>
|
|||
|
|
<li class="product">
|
|||
|
|
<span class="last-crumb">XADO Schmierfett Reparierend, Verschleiß 50%, 125 ml</span>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
<div class="preface"></div>
|
|||
|
|
<div class="col-main">
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var optionsPrice = new Product.OptionsPrice([]);
|
|||
|
|
</script>
|
|||
|
|
<div id="messages_product_view"></div>
|
|||
|
|
<div class="product-view nested-container" itemscope itemtype="http://schema.org/Product">
|
|||
|
|
|
|||
|
|
<form action="http://www.toralin.de/checkout/cart/add/uenc/aHR0cDovL3d3dy50b3JhbGluLmRlL3NjaG1pZXJmZXR0LXJlcGFyaWVyZW5kLXZlcnNjaGxlaS15LTkxMC5odG1sP19fX1NJRD1V/product/332/form_key/nqUR4nd21Gc6eyjr/" method="post" id="product_addtocart_form">
|
|||
|
|
|
|||
|
|
<input name="form_key" type="hidden" value="nqUR4nd21Gc6eyjr" />
|
|||
|
|
<div class="no-display">
|
|||
|
|
<input type="hidden" name="product" value="332" />
|
|||
|
|
<input type="hidden" name="related_product" id="related-products-field" value="" />
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="product-img-column grid12-4">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="img-box img-box-style1">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<p class="product-image zoom-inside" style="max-width: 363px;">
|
|||
|
|
|
|||
|
|
<a href="http://www.toralin.de/media/catalog/product/cache/1/image/650x/040ec09b1e35df139433887a97daa66f/x/a/xado_schmierfett_50_tube.png"
|
|||
|
|
class="cloud-zoom product-image-gallery" id="zoom1"
|
|||
|
|
rel="position:'inside',showTitle:false,lensOpacity:0.5,smoothMove:3,zoomWidth:427,zoomHeight:275,adjustX:0,adjustY:0">
|
|||
|
|
|
|||
|
|
<img id="image-main" class="gallery-image visible" src="http://www.toralin.de/media/catalog/product/cache/1/image/363x/040ec09b1e35df139433887a97daa66f/x/a/xado_schmierfett_50_tube.png"
|
|||
|
|
alt="XADO Schmierfett reparierend, Verschleiß 50%"
|
|||
|
|
title="XADO Schmierfett reparierend, Verschleiß 50%"
|
|||
|
|
itemprop="image" />
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<a id="zoom-btn" class="lightbox-group zoom-btn-small" href="http://www.toralin.de/media/catalog/product/cache/1/image/650x/040ec09b1e35df139433887a97daa66f/x/a/xado_schmierfett_50_tube.png" title="XADO Schmierfett reparierend, Verschleiß 50%">Zoom</a>
|
|||
|
|
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="more-images slider-arrows3 itemslider-thumbnails count-2">
|
|||
|
|
<div id="itemslider-zoom" class="thumbnails slides">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="item" >
|
|||
|
|
<a href="http://www.toralin.de/media/catalog/product/cache/1/image/650x/040ec09b1e35df139433887a97daa66f/x/a/xado_schmierfett_50_tube.png" class="cloud-zoom-gallery lightbox-group" title="XADO Schmierfett reparierend, Verschleiß 50%"
|
|||
|
|
rel="useZoom:'zoom1', smallImage: 'http://www.toralin.de/media/catalog/product/cache/1/image/363x/040ec09b1e35df139433887a97daa66f/x/a/xado_schmierfett_50_tube.png'">
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/65x/040ec09b1e35df139433887a97daa66f/x/a/xado_schmierfett_50_tube.png" alt="XADO Schmierfett reparierend, Verschleiß 50%"/>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
<div class="item" >
|
|||
|
|
<a href="http://www.toralin.de/media/catalog/product/cache/1/image/650x/040ec09b1e35df139433887a97daa66f/s/c/schmierfett_gleit-_und_rollenlagern_1_1.gif" class="cloud-zoom-gallery lightbox-group" title="schmierfett Gleit- und Rollenlagern."
|
|||
|
|
rel="useZoom:'zoom1', smallImage: 'http://www.toralin.de/media/catalog/product/cache/1/image/363x/040ec09b1e35df139433887a97daa66f/s/c/schmierfett_gleit-_und_rollenlagern_1_1.gif'">
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/65x/040ec09b1e35df139433887a97daa66f/s/c/schmierfett_gleit-_und_rollenlagern_1_1.gif" alt="schmierfett Gleit- und Rollenlagern."/>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div> <!-- end: more-images -->
|
|||
|
|
</div> <!-- end: img-box -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
jQuery(function($) {
|
|||
|
|
|
|||
|
|
//Zoom button for main image
|
|||
|
|
$zoomButton = $("#zoom-btn");
|
|||
|
|
|
|||
|
|
//Init lightbox
|
|||
|
|
$(".lightbox-group").colorbox({
|
|||
|
|
rel: 'lightbox-group',
|
|||
|
|
opacity: 0.5,
|
|||
|
|
speed: 300,
|
|||
|
|
current: 'image {current} of {total}',
|
|||
|
|
previous: '',
|
|||
|
|
next: '',
|
|||
|
|
close: '' //No comma here
|
|||
|
|
, maxWidth:'95%', maxHeight:'95%' });
|
|||
|
|
|
|||
|
|
//Product thumbnails - remove first one from gallery, it's already included in gallery by "zoom" button
|
|||
|
|
$(".cloud-zoom-gallery").first().removeClass("cboxElement");
|
|||
|
|
|
|||
|
|
//Remove clicked thumbnail from gallery, it's already included in gallery by "zoom" button
|
|||
|
|
$(".cloud-zoom-gallery").click(function() {
|
|||
|
|
$zoomButton
|
|||
|
|
.attr('href', $(this).attr('href'))
|
|||
|
|
.attr('title', $(this).attr('title'));
|
|||
|
|
|
|||
|
|
//First add gallery class to all thumbnails
|
|||
|
|
$(".cloud-zoom-gallery").each(function() {
|
|||
|
|
$(this).addClass("cboxElement");
|
|||
|
|
});
|
|||
|
|
$(this).removeClass("cboxElement");
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//On image change
|
|||
|
|
$(document).on('product-media-manager-image-updated', function(e, data) {
|
|||
|
|
|
|||
|
|
var img = data.img;
|
|||
|
|
|
|||
|
|
//Add new image's URL to the zoom button's href attribute
|
|||
|
|
$zoomButton.attr('href', img.attr('src'));
|
|||
|
|
$zoomButton.attr('title', '');
|
|||
|
|
|
|||
|
|
$(".cloud-zoom-gallery").each(function() {
|
|||
|
|
$(this).addClass("cboxElement");
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
}); //end: on event
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
|
|||
|
|
jQuery(function($) {
|
|||
|
|
|
|||
|
|
var $cz = $('.cloud-zoom');
|
|||
|
|
var czInstance = $('.cloud-zoom').data('zoom');
|
|||
|
|
|
|||
|
|
//On image change
|
|||
|
|
$(document).on('product-media-manager-image-updated', function(e, data) {
|
|||
|
|
|
|||
|
|
var img = data.img;
|
|||
|
|
|
|||
|
|
czInstance.destroy();
|
|||
|
|
|
|||
|
|
//Add new image's URL to the CloudZoom element's href attribute
|
|||
|
|
$cz.attr('href', img.attr('src'));
|
|||
|
|
|
|||
|
|
//Remove mousetrap
|
|||
|
|
var $mt = $('.mousetrap');
|
|||
|
|
$mt.unbind();
|
|||
|
|
$mt.remove();
|
|||
|
|
$mt = null;
|
|||
|
|
|
|||
|
|
//Reinitialize CloudZoom
|
|||
|
|
$cz.CloudZoom();
|
|||
|
|
|
|||
|
|
}); //end: on event
|
|||
|
|
|
|||
|
|
//On resize
|
|||
|
|
var t;
|
|||
|
|
$(window).resize(function() {
|
|||
|
|
clearTimeout(t);
|
|||
|
|
t = setTimeout(function() {
|
|||
|
|
|
|||
|
|
czInstance.destroy();
|
|||
|
|
|
|||
|
|
//Remove mousetrap and other elements
|
|||
|
|
var $mt = $('.mousetrap');
|
|||
|
|
$mt.unbind();
|
|||
|
|
$mt.remove();
|
|||
|
|
$mt = null;
|
|||
|
|
$('.cloud-zoom-lens').remove();
|
|||
|
|
$('#cloud-zoom-big').remove();
|
|||
|
|
|
|||
|
|
//Reinitialize CloudZoom
|
|||
|
|
$cz.CloudZoom();
|
|||
|
|
|
|||
|
|
}, 200);
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
var owl = $('#itemslider-zoom');
|
|||
|
|
owl.owlCarousel({
|
|||
|
|
|
|||
|
|
mouseDrag: false,
|
|||
|
|
|
|||
|
|
lazyLoad: true,
|
|||
|
|
|
|||
|
|
itemsCustom: [ [0, 1], [219, 2] ],
|
|||
|
|
responsiveRefreshRate: 50,
|
|||
|
|
|
|||
|
|
slideSpeed: 200,
|
|||
|
|
|
|||
|
|
|
|||
|
|
autoPlay: 5000,
|
|||
|
|
|
|||
|
|
stopOnHover: true,
|
|||
|
|
|
|||
|
|
rewindNav: true,
|
|||
|
|
rewindSpeed: 600,
|
|||
|
|
|
|||
|
|
pagination: false,
|
|||
|
|
navigation: true,
|
|||
|
|
navigationText: false
|
|||
|
|
|
|||
|
|
}); //end: owl
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var videoProductTitlePosition = 'outside';
|
|||
|
|
var videoProductTransition = 'elastic';
|
|||
|
|
var videoProductShowClose = 1;
|
|||
|
|
var videoProductEnableESC = 1;
|
|||
|
|
var videoProductTransitionSpeed = 500;
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="product-primary-column product-shop grid12-5">
|
|||
|
|
|
|||
|
|
<div class="product-name">
|
|||
|
|
<h1 itemprop="name">XADO Schmierfett Reparierend, Verschleiß 50%, 125 ml</h1>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="ratings no-rating">
|
|||
|
|
<div class="rating-box">
|
|||
|
|
<div class="rating" style="width:0%"></div>
|
|||
|
|
</div>
|
|||
|
|
<p class="rating-links">
|
|||
|
|
<a id="goto-reviews-form" href="#review-form">Schreiben Sie die erste Kundenmeinung</a>
|
|||
|
|
</p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="short-description"><div class="std" itemprop="description"><p><span>Geeignet für alle PKW, LKW, Motorrad, Quad, Fahrrad, Maschinen. Kompensiert bis zu 50% Verschleiß.</span></p></div></div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="sku">
|
|||
|
|
<span class="label">Artikelnummer: </span>
|
|||
|
|
<span class="value">XA30202</span>
|
|||
|
|
</div>
|
|||
|
|
<meta itemprop="productID" content="sku:XA30202" />
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
|
|||
|
|
<div class="product-type-data">
|
|||
|
|
<p class="availability in-stock">Verfügbarkeit: <span>Auf Lager</span></p>
|
|||
|
|
<meta itemprop="availability" content="http://schema.org/InStock">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-332">
|
|||
|
|
4,92 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-332">
|
|||
|
|
5,95 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<meta itemprop="priceCurrency" content="EUR" /><meta itemprop="price" content="4.92" /> </div>
|
|||
|
|
<div class="add-to-box">
|
|||
|
|
<div class="add-to-cart left-side">
|
|||
|
|
<div class="qty-wrapper">
|
|||
|
|
<label for="qty">Menge</label>
|
|||
|
|
<input type="text" name="qty" id="qty" maxlength="12" value="0" title="Menge" class="input-text qty" />
|
|||
|
|
</div>
|
|||
|
|
<button type="button" title="In den Warenkorb" id="product-addtocart-button" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>In den Warenkorb</span></span></button>
|
|||
|
|
</div>
|
|||
|
|
<div class="paypal-wrapper"><div><p class="paypal-logo">
|
|||
|
|
<span class="paypal-or">-ODER-</span>
|
|||
|
|
<a data-action="checkout-form-submit" id="ec_shortcut_714dc31ca179774a5ad955226d014c82" href="https://www.toralin.de/paypal/express/start/button/1/"><img src="https://fpdbs.paypal.com/dynamicimageweb?cmd=_dynamic-image&buttontype=ecshortcut&locale=de_DE" alt="Mit PayPal bezahlen" title="Mit PayPal bezahlen" /></a>
|
|||
|
|
</p>
|
|||
|
|
<input type="hidden" id="pp_checkout_url" name="return_url" value="" />
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
$$('#ec_shortcut_714dc31ca179774a5ad955226d014c82','#ec_shortcut_bml_bf57dfeae306c50319c7a719a3c2f6b6').invoke('observe', 'click', function(event) {
|
|||
|
|
$('pp_checkout_url').value = this.href;
|
|||
|
|
productAddToCartForm.submit(this);
|
|||
|
|
event.stop();
|
|||
|
|
});
|
|||
|
|
//]]>
|
|||
|
|
</script></div></div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="action-box clearer">
|
|||
|
|
<ul class="add-to-links">
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a class="link-wishlist feature feature-icon-hover first" href="https://www.toralin.de/wishlist/index/add/product/332/form_key/nqUR4nd21Gc6eyjr/" onclick="productAddToCartForm.submitLight(this, this.href); return false;" title="Auf den Wunschzettel">
|
|||
|
|
<span class="ic ic-heart ib icon-color-productview"></span>
|
|||
|
|
<span class="label">Auf den Wunschzettel</span>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li>
|
|||
|
|
<a class="link-compare feature feature-icon-hover first" href="http://www.toralin.de/catalog/product_compare/add/product/332/uenc/aHR0cDovL3d3dy50b3JhbGluLmRlL3NjaG1pZXJmZXR0LXJlcGFyaWVyZW5kLXZlcnNjaGxlaS15LTkxMC5odG1s/form_key/nqUR4nd21Gc6eyjr/" title="Auf die Vergleichsliste">
|
|||
|
|
<span class="ic ic-compare ib icon-color-productview"></span>
|
|||
|
|
<span class="label">Auf die Vergleichsliste</span>
|
|||
|
|
</a>
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
</ul> </div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div> <!-- end: product-shop -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="product-secondary-column grid12-3 custom-sidebar-right">
|
|||
|
|
<div class="inner">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="container_product_secondary_2 std block_product_secondary_bottom"><a class="banner fade-on-hover" href="http://www.toralin.de/rabatt/">
|
|||
|
|
<img src="http://www.toralin.de/media/wysiwyg/infortis/ultimo/slideshow/banner/01.png" alt="" />
|
|||
|
|
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
<a class="banner fade-on-hover" href="http://www.toralin.de/versandkostenfreie-lieferung/">
|
|||
|
|
<img src="http://www.toralin.de/media/wysiwyg/infortis/ultimo/slideshow/banner/02.png" alt="" />
|
|||
|
|
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Social bookmarks from http://www.addthis.com/get/sharing -->
|
|||
|
|
<!-- AddThis Button BEGIN -->
|
|||
|
|
<div class="feature-wrapper top-border">
|
|||
|
|
<div class="addthis_toolbox addthis_default_style ">
|
|||
|
|
<a class="addthis_button_preferred_1"></a>
|
|||
|
|
<a class="addthis_button_preferred_2"></a>
|
|||
|
|
<a class="addthis_button_preferred_3"></a>
|
|||
|
|
<a class="addthis_button_preferred_4"></a>
|
|||
|
|
<a class="addthis_button_compact"></a>
|
|||
|
|
<a class="addthis_counter addthis_bubble_style"></a>
|
|||
|
|
</div>
|
|||
|
|
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-5054e6c6502d114f"></script>
|
|||
|
|
</div>
|
|||
|
|
<!-- AddThis Button END --></div>
|
|||
|
|
<div class="box-collateral box-related"><div class="block block-related block-related-thumbnails">
|
|||
|
|
<h3 class="section-title padding-right">Zubehör</h3>
|
|||
|
|
<div class="itemslider-wrapper itemslider-related-wrapper slider-arrows1 slider-arrows1-pos-top-right slider-pagination1">
|
|||
|
|
<div id="itemslider-related-multi" class="itemslider ">
|
|||
|
|
<div class="item">
|
|||
|
|
<ul class="clearer">
|
|||
|
|
|
|||
|
|
<li class="product">
|
|||
|
|
<a class="product-image" href="http://www.toralin.de/anticarbon-a-kolbenring-reiniger.html" title="Anticarbon - Kolbenring-Reiniger ">
|
|||
|
|
<img src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/100x100/9df78eab33525d08d6e5fb8d27136e95/a/n/anticarbon_kolbenring-reiniger.png" alt="Anticarbon - Kolbenring-Reiniger " />
|
|||
|
|
</a>
|
|||
|
|
<div class="product-details">
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/anticarbon-a-kolbenring-reiniger.html" title="Anticarbon - Kolbenring-Reiniger ">Anticarbon - Kolbenring-Reiniger </a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-162-related">
|
|||
|
|
3,47 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-162-related">
|
|||
|
|
4,20 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a class="related-add-to-wishlist" href="https://www.toralin.de/wishlist/index/add/product/162/form_key/nqUR4nd21Gc6eyjr/" title="Auf den Wunschzettel">Auf den Wunschzettel</a>
|
|||
|
|
</div> <!-- end: product-details -->
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="product">
|
|||
|
|
<a class="product-image" href="http://www.toralin.de/o-ring-bmw-ford-opel-saab-volvo-9-30-x-2-52-5-st.html" title="O-Ring BMW-Ford-Opel-Saab-Volvo 9.30 x 2.52 (5 St.)">
|
|||
|
|
<img src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/100x100/9df78eab33525d08d6e5fb8d27136e95/R/G/RG106025.jpg" alt="O-Ring BMW-Ford-Opel-Saab-Volvo 9.30 x 2.52 (5 St.)" />
|
|||
|
|
</a>
|
|||
|
|
<div class="product-details">
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/o-ring-bmw-ford-opel-saab-volvo-9-30-x-2-52-5-st.html" title="O-Ring BMW-Ford-Opel-Saab-Volvo 9.30 x 2.52 (5 St.)">O-Ring BMW-Ford-Opel-Saab-Volvo 9.30 x 2.52 (5 St.)</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-516-related">
|
|||
|
|
2,40 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-516-related">
|
|||
|
|
2,90 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a class="related-add-to-wishlist" href="https://www.toralin.de/wishlist/index/add/product/516/form_key/nqUR4nd21Gc6eyjr/" title="Auf den Wunschzettel">Auf den Wunschzettel</a>
|
|||
|
|
</div> <!-- end: product-details -->
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="product">
|
|||
|
|
<a class="product-image" href="http://www.toralin.de/o-ring-jaguar-11-10-x-1-60-5-st.html" title="O-Ring Jaguar 11.10 x 1.60 (5 St.)">
|
|||
|
|
<img src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/100x100/9df78eab33525d08d6e5fb8d27136e95/R/G/RG100625.jpg" alt="O-Ring Jaguar 11.10 x 1.60 (5 St.)" />
|
|||
|
|
</a>
|
|||
|
|
<div class="product-details">
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/o-ring-jaguar-11-10-x-1-60-5-st.html" title="O-Ring Jaguar 11.10 x 1.60 (5 St.)">O-Ring Jaguar 11.10 x 1.60 (5 St.)</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-466-related">
|
|||
|
|
2,49 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-466-related">
|
|||
|
|
3,01 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a class="related-add-to-wishlist" href="https://www.toralin.de/wishlist/index/add/product/466/form_key/nqUR4nd21Gc6eyjr/" title="Auf den Wunschzettel">Auf den Wunschzettel</a>
|
|||
|
|
</div> <!-- end: product-details -->
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="product">
|
|||
|
|
<a class="product-image" href="http://www.toralin.de/dichtungen-fur-klimakompressor-o15-mm-x-o28-00-mm-5-stuk.html" title="Dichtungen für Klimakompressor Ø15 mm x Ø28,00 mm 5 Stük">
|
|||
|
|
<img src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/100x100/9df78eab33525d08d6e5fb8d27136e95/r/g/rg2009.05x5.jpg" alt="Dichtungen für Klimakompressor Ø15 mm x Ø28,00 mm 5 Stük" />
|
|||
|
|
</a>
|
|||
|
|
<div class="product-details">
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/dichtungen-fur-klimakompressor-o15-mm-x-o28-00-mm-5-stuk.html" title="Dichtungen für Klimakompressor Ø15 mm x Ø28,00 mm 5 Stük">Dichtungen für Klimakompressor Ø15 mm x Ø28,00 mm 5 Stük</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-399-related">
|
|||
|
|
9,05 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-399-related">
|
|||
|
|
10,95 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a class="related-add-to-wishlist" href="https://www.toralin.de/wishlist/index/add/product/399/form_key/nqUR4nd21Gc6eyjr/" title="Auf den Wunschzettel">Auf den Wunschzettel</a>
|
|||
|
|
</div> <!-- end: product-details -->
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
</ul> <!-- end: list of products -->
|
|||
|
|
</div> <!-- end: slider item -->
|
|||
|
|
<div class="item">
|
|||
|
|
<ul class="clearer">
|
|||
|
|
|
|||
|
|
<li class="product">
|
|||
|
|
<a class="product-image" href="http://www.toralin.de/olablassschrauben-reparaturset-114-teilig.html" title="Ölablassschrauben Reparaturset (114-teilig)">
|
|||
|
|
<img src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/100x100/9df78eab33525d08d6e5fb8d27136e95/u/n/untitled-9.jpg" alt="Ölablassschrauben Reparaturset (114-teilig)" />
|
|||
|
|
</a>
|
|||
|
|
<div class="product-details">
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/olablassschrauben-reparaturset-114-teilig.html" title="Ölablassschrauben Reparaturset (114-teilig)">Ölablassschrauben Reparaturset (114-teilig)</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-380-related">
|
|||
|
|
109,65 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-380-related">
|
|||
|
|
132,68 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a class="related-add-to-wishlist" href="https://www.toralin.de/wishlist/index/add/product/380/form_key/nqUR4nd21Gc6eyjr/" title="Auf den Wunschzettel">Auf den Wunschzettel</a>
|
|||
|
|
</div> <!-- end: product-details -->
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="product">
|
|||
|
|
<a class="product-image" href="http://www.toralin.de/revitalgel-fur-der-zylinder.html" title="Revitalizant für Zylinder">
|
|||
|
|
<img src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/100x100/9df78eab33525d08d6e5fb8d27136e95/x/a/xado.jpg" alt="Revitalizant für Zylinder" />
|
|||
|
|
</a>
|
|||
|
|
<div class="product-details">
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/revitalgel-fur-der-zylinder.html" title="Revitalizant für Zylinder">Revitalizant für Zylinder</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-320-related">
|
|||
|
|
12,36 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-320-related">
|
|||
|
|
14,96 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a href="http://www.toralin.de/revitalgel-fur-der-zylinder.html" class="minimal-price-link">
|
|||
|
|
<span class="label">ab:</span>
|
|||
|
|
<span class="price" id="product-minimal-price-320-related">
|
|||
|
|
13,46 € </span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a class="related-add-to-wishlist" href="https://www.toralin.de/wishlist/index/add/product/320/form_key/nqUR4nd21Gc6eyjr/" title="Auf den Wunschzettel">Auf den Wunschzettel</a>
|
|||
|
|
</div> <!-- end: product-details -->
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="product">
|
|||
|
|
<a class="product-image" href="http://www.toralin.de/pag-ol-iso-150.html" title="Pag-Öl ISO 150">
|
|||
|
|
<img src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/100x100/9df78eab33525d08d6e5fb8d27136e95/p/a/pag-150-toralin.jpg" alt="Pag-Öl ISO 150" />
|
|||
|
|
</a>
|
|||
|
|
<div class="product-details">
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/pag-ol-iso-150.html" title="Pag-Öl ISO 150">Pag-Öl ISO 150</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-293-related">
|
|||
|
|
7,40 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-293-related">
|
|||
|
|
8,95 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a class="related-add-to-wishlist" href="https://www.toralin.de/wishlist/index/add/product/293/form_key/nqUR4nd21Gc6eyjr/" title="Auf den Wunschzettel">Auf den Wunschzettel</a>
|
|||
|
|
</div> <!-- end: product-details -->
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<li class="product">
|
|||
|
|
<a class="product-image" href="http://www.toralin.de/anticarbon-a-kolbenring-reiniger-in-der-spr-hdose.html" title="Anticarbon – Kolbenring-Reiniger in der Sprühdose">
|
|||
|
|
<img src="http://www.toralin.de/media/catalog/product/cache/1/thumbnail/100x100/9df78eab33525d08d6e5fb8d27136e95/a/n/anticarbon-320-en_de.jpg" alt="Anticarbon – Kolbenring-Reiniger in der Sprühdose" />
|
|||
|
|
</a>
|
|||
|
|
<div class="product-details">
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/anticarbon-a-kolbenring-reiniger-in-der-spr-hdose.html" title="Anticarbon – Kolbenring-Reiniger in der Sprühdose">Anticarbon – Kolbenring-Reiniger in der Sprühdose</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-224-related">
|
|||
|
|
9,63 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-224-related">
|
|||
|
|
11,65 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a class="related-add-to-wishlist" href="https://www.toralin.de/wishlist/index/add/product/224/form_key/nqUR4nd21Gc6eyjr/" title="Auf den Wunschzettel">Auf den Wunschzettel</a>
|
|||
|
|
</div> <!-- end: product-details -->
|
|||
|
|
</li>
|
|||
|
|
|
|||
|
|
</ul> <!-- end: list of products -->
|
|||
|
|
</div> <!-- end: slider item -->
|
|||
|
|
</div> <!-- end: itemslider -->
|
|||
|
|
</div> <!-- end: itemslider-wrapper -->
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
jQuery(function($) {
|
|||
|
|
|
|||
|
|
var owl = $('#itemslider-related-multi');
|
|||
|
|
owl.owlCarousel({
|
|||
|
|
|
|||
|
|
itemsCustom: [ [0, 1], [480, 2], [768, 1] ],
|
|||
|
|
responsiveRefreshRate: 50,
|
|||
|
|
|
|||
|
|
slideSpeed: 200,
|
|||
|
|
|
|||
|
|
paginationSpeed: 500,
|
|||
|
|
|
|||
|
|
scrollPerPage: true,
|
|||
|
|
|
|||
|
|
autoPlay: 6000,
|
|||
|
|
|
|||
|
|
stopOnHover: true,
|
|||
|
|
|
|||
|
|
rewindNav: true,
|
|||
|
|
rewindSpeed: 600,
|
|||
|
|
|
|||
|
|
pagination: false,
|
|||
|
|
|
|||
|
|
navigation: true,
|
|||
|
|
navigationText: false
|
|||
|
|
|
|||
|
|
}); //end: owl
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div> <!-- end: block --></div>
|
|||
|
|
</div>
|
|||
|
|
</div> <!-- end: product-secondary-column -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</form>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
var productAddToCartForm = new VarienForm('product_addtocart_form');
|
|||
|
|
productAddToCartForm.submit = function(button, url) {
|
|||
|
|
if (this.validator.validate()) {
|
|||
|
|
var form = this.form;
|
|||
|
|
var oldUrl = form.action;
|
|||
|
|
|
|||
|
|
if (url) {
|
|||
|
|
form.action = url;
|
|||
|
|
}
|
|||
|
|
var e = null;
|
|||
|
|
try {
|
|||
|
|
this.form.submit();
|
|||
|
|
} catch (e) {
|
|||
|
|
}
|
|||
|
|
this.form.action = oldUrl;
|
|||
|
|
if (e) {
|
|||
|
|
throw e;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if (button && button != 'undefined') {
|
|||
|
|
button.disabled = true;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}.bind(productAddToCartForm);
|
|||
|
|
|
|||
|
|
productAddToCartForm.submitLight = function(button, url){
|
|||
|
|
if(this.validator) {
|
|||
|
|
var nv = Validation.methods;
|
|||
|
|
delete Validation.methods['required-entry'];
|
|||
|
|
delete Validation.methods['validate-one-required'];
|
|||
|
|
delete Validation.methods['validate-one-required-by-name'];
|
|||
|
|
if (this.validator.validate()) {
|
|||
|
|
if (url) {
|
|||
|
|
this.form.action = url;
|
|||
|
|
}
|
|||
|
|
this.form.submit();
|
|||
|
|
}
|
|||
|
|
Object.extend(Validation.methods, nv);
|
|||
|
|
}
|
|||
|
|
}.bind(productAddToCartForm);
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
<div class="box-additional grid12-9">
|
|||
|
|
|
|||
|
|
<div class="box-collateral collateral-container box-tabs">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="product-tabs" class="gen-tabs gen-tabs--style1">
|
|||
|
|
|
|||
|
|
<ul class="tabs clearer">
|
|||
|
|
<li id="tab-description"><a href="#" class="current">Artikelbeschreibung</a></li>
|
|||
|
|
<li id="tab-additional"><a href="#" >Zusatzinformation</a></li>
|
|||
|
|
<li id="tab-tabreviews"><a href="#" >Bewertungen</a></li>
|
|||
|
|
</ul>
|
|||
|
|
<div class="tabs-panels"><h2 class="acctab" id="acctab-description">Artikelbeschreibung</h2><div class="panel"> <h2>Details</h2>
|
|||
|
|
<div class="std">
|
|||
|
|
<p><span style="color: #000000; font-size: small; font-family: arial,helvetica,sans-serif;">Geeignet für alle PKW, LKW, Motorrad, Quad, Fahrrad, Maschinen. Kompensiert bis zu 50% Verschleiß.</span><br /><br /> <img src="http://www.toralin.fr/skin/frontend/defaultes/MAG060067/images/pdf.png" alt="" /><a href="http://www.toralin.de/phocadownload/Wie funktioniert XADO.pdf" target="_blank"><br /><span style="color: #000000; font-size: small; font-family: arial,helvetica,sans-serif;">Wie funktioniert XADO</span></a>.</p>
|
|||
|
|
<p><span style="color: #000000; font-size: small; font-family: arial,helvetica,sans-serif;">Dieses Fett wirkt wieder herstellend bei Bauteilen und Komponenten, die starken Belastungen ausgesetzt sind. Es bildet auf den Oberflächen von bewegenden Teilen, die Verschleiß unterliegen, eine neue metallkeramische Schicht. Dadurch nimmt deren Umfang zu und die ursprüngliche Form wird wieder hergestellt. Die Lebensdauer von Bauteilen erhöht sich beträchtlich.</span></p>
|
|||
|
|
<p><span style="color: #000000; font-size: small; font-family: arial,helvetica,sans-serif;"> <strong>Vorteile</strong><br />Verschleiß wird schnell kompensiert<br />Erhöht die Lebensdauer der Bauteile<br />Gleicht Kratzer und kleine Risse aus<br />Verringert Geräusche und Vibrationen<br />Führt die Reibungswärme gut ab<br />Für hohe Drehzahlen geeignet<br />Kompensiert bis zu 50% Verschleiß<br />Beseitigt Korrosion und schützt die Bauteile vor aggressiven Substanzen<br />Geeignet für alle PKW, LKW, Motorrad, Quad, Fahrrad, Maschinen<br /><br /><strong>Gebrauchsanweisung</strong><br />Das alte Fett entfernen.<br />Das Lager mit XADO-Fett füllen, so dass 50% des Lagervolumens gefüllt sind.<br /><br /><strong>Hinweise:</strong><br />Dieses Fett ist wieder herstellend und eignet sich vor allem zum besonders effektiven Schutz gegen Verschleiß bei Lagern bis 10.000 U/min.<br />Für Bauteile, bei denen das Fett regelmäßig ersetzt wird, künftig das XADO-Schutzfett verwenden.<br /><br /><strong>Farbe:</strong> grün<br /><strong>Verdicker/Basisöl:</strong> Li-Seifen/Mineralöl<br /><strong>Penetration:</strong> 220 – 250<br /><strong>Gebrauchstemperaturbereich:</strong> -40 ... +120 °C<br /><strong>Lieferbar:</strong> 12 ml, 125 ml, 450 ml, 1 L</span></p> </div>
|
|||
|
|
</div><h2 class="acctab" id="acctab-additional">Zusatzinformation</h2><div class="panel"> <h2>Zusatzinformation</h2>
|
|||
|
|
<table class="data-table" id="product-attribute-specs-table">
|
|||
|
|
<col width="25%" />
|
|||
|
|
<col />
|
|||
|
|
<tbody>
|
|||
|
|
<tr>
|
|||
|
|
<th class="label">Marke</th>
|
|||
|
|
<td class="data">XADO</td>
|
|||
|
|
</tr>
|
|||
|
|
<tr>
|
|||
|
|
<th class="label">Inhalt</th>
|
|||
|
|
<td class="data">125 ml</td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
<script type="text/javascript">decorateTable('product-attribute-specs-table')</script>
|
|||
|
|
</div><h2 class="acctab" id="acctab-tabreviews">Bewertungen</h2><div class="panel">
|
|||
|
|
<div class="box-collateral box-reviews" id="customer-reviews">
|
|||
|
|
<div class="form-add">
|
|||
|
|
<h2>Schreiben Sie Ihre eigene Kundenmeinung</h2>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
var RecaptchaOptions = {
|
|||
|
|
theme : 'clean',
|
|||
|
|
lang : 'de',
|
|||
|
|
};
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
<form action="http://www.toralin.de/review/product/post/id/332/" method="post" id="review-form">
|
|||
|
|
<input name="form_key" type="hidden" value="nqUR4nd21Gc6eyjr" />
|
|||
|
|
<fieldset>
|
|||
|
|
<h3>Sie bewerten den Artikel: <span>XADO Schmierfett Reparierend, Verschleiß 50%, 125 ml</span></h3>
|
|||
|
|
<h4>Wie bewerten Sie diesen Artikel? <em class="required">*</em></h4>
|
|||
|
|
<span id="input-message-box"></span>
|
|||
|
|
<table class="data-table" id="product-review-table">
|
|||
|
|
<col />
|
|||
|
|
<col width="1" />
|
|||
|
|
<col width="1" />
|
|||
|
|
<col width="1" />
|
|||
|
|
<col width="1" />
|
|||
|
|
<col width="1" />
|
|||
|
|
<thead>
|
|||
|
|
<tr>
|
|||
|
|
<th> </th>
|
|||
|
|
<th><span class="nobr">1 Stern</span></th>
|
|||
|
|
<th><span class="nobr">2 Sterne</span></th>
|
|||
|
|
<th><span class="nobr">3 Sterne</span></th>
|
|||
|
|
<th><span class="nobr">4 Sterne</span></th>
|
|||
|
|
<th><span class="nobr">5 Sterne</span></th>
|
|||
|
|
</tr>
|
|||
|
|
</thead>
|
|||
|
|
<tbody>
|
|||
|
|
<tr>
|
|||
|
|
<th>Qualität</th>
|
|||
|
|
<td class="value"><input type="radio" name="ratings[1]" id="Qualität_1" value="1" class="radio" /></td>
|
|||
|
|
<td class="value"><input type="radio" name="ratings[1]" id="Qualität_2" value="2" class="radio" /></td>
|
|||
|
|
<td class="value"><input type="radio" name="ratings[1]" id="Qualität_3" value="3" class="radio" /></td>
|
|||
|
|
<td class="value"><input type="radio" name="ratings[1]" id="Qualität_4" value="4" class="radio" /></td>
|
|||
|
|
<td class="value"><input type="radio" name="ratings[1]" id="Qualität_5" value="5" class="radio" /></td>
|
|||
|
|
</tr>
|
|||
|
|
</tbody>
|
|||
|
|
</table>
|
|||
|
|
<input type="hidden" name="validate_rating" class="validate-rating" value="" />
|
|||
|
|
<script type="text/javascript">decorateTable('product-review-table')</script>
|
|||
|
|
<ul class="form-list">
|
|||
|
|
<li>
|
|||
|
|
<label for="nickname_field" class="required"><em>*</em>Nickname:</label>
|
|||
|
|
<div class="input-box">
|
|||
|
|
<input type="text" name="nickname" id="nickname_field" class="input-text required-entry" value="" />
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<label for="summary_field" class="required"><em>*</em>Zusammenfassung Ihrer Kundenmeinung</label>
|
|||
|
|
<div class="input-box">
|
|||
|
|
<input type="text" name="title" id="summary_field" class="input-text required-entry" value="" />
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li>
|
|||
|
|
<label for="review_field" class="required"><em>*</em>Kundenmeinung</label>
|
|||
|
|
<div class="input-box">
|
|||
|
|
<textarea name="detail" id="review_field" cols="5" rows="3" class="required-entry"></textarea>
|
|||
|
|
</div>
|
|||
|
|
</li>
|
|||
|
|
<li class="wide">
|
|||
|
|
<div class="input-box">
|
|||
|
|
<script type="text/javascript" src="http://www.google.com/recaptcha/api/challenge?hl=de&k=6LeSAQETAAAAAM_MJ4I8GYh6gHG0vXoX2KnpZ7Lk"></script>
|
|||
|
|
|
|||
|
|
<noscript>
|
|||
|
|
<iframe src="http://www.google.com/recaptcha/api/noscript?hl=de&k=6LeSAQETAAAAAM_MJ4I8GYh6gHG0vXoX2KnpZ7Lk" height="300" width="500" frameborder="0"></iframe><br/>
|
|||
|
|
<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
|
|||
|
|
<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/>
|
|||
|
|
</noscript> </div>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</fieldset>
|
|||
|
|
<div class="buttons-set">
|
|||
|
|
<button type="submit" title="Kundenmeinung abschicken" class="button"><span><span>Kundenmeinung abschicken</span></span></button>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
var dataForm = new VarienForm('review-form');
|
|||
|
|
Validation.addAllThese(
|
|||
|
|
[
|
|||
|
|
['validate-rating', 'Bitte wählen Sie eine der obenstehenden Bewertungen', function(v) {
|
|||
|
|
var trs = $('product-review-table').select('tr');
|
|||
|
|
var inputs;
|
|||
|
|
var error = 1;
|
|||
|
|
|
|||
|
|
for( var j=0; j < trs.length; j++ ) {
|
|||
|
|
var tr = trs[j];
|
|||
|
|
if( j > 0 ) {
|
|||
|
|
inputs = tr.select('input');
|
|||
|
|
|
|||
|
|
for( i in inputs ) {
|
|||
|
|
if( inputs[i].checked == true ) {
|
|||
|
|
error = 0;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if( error == 1 ) {
|
|||
|
|
return false;
|
|||
|
|
} else {
|
|||
|
|
error = 1;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return true;
|
|||
|
|
}]
|
|||
|
|
]
|
|||
|
|
);
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div></div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
jQuery(function($) {
|
|||
|
|
|
|||
|
|
//Link to the reviews tab
|
|||
|
|
var tabOperator = {
|
|||
|
|
|
|||
|
|
root : ''
|
|||
|
|
, $rootContainer : null
|
|||
|
|
, $tabsContainer : null
|
|||
|
|
, $panelsContainer : null
|
|||
|
|
|
|||
|
|
//1 - tabs/accordion, 2 - accordion, 3 - tabs
|
|||
|
|
, mode : 1 , threshold : 1024 , initialAccIndex : 0
|
|||
|
|
, tabEffect : 'default'
|
|||
|
|
, accEffect : 'default'
|
|||
|
|
|
|||
|
|
, init : function(root)
|
|||
|
|
{
|
|||
|
|
//If no param, set default selector
|
|||
|
|
tabOperator.root = root || '.gen-tabs';
|
|||
|
|
tabOperator.$rootContainer = $(tabOperator.root);
|
|||
|
|
tabOperator.$tabsContainer = tabOperator.$rootContainer.children('.tabs');
|
|||
|
|
tabOperator.$panelsContainer = tabOperator.$rootContainer.children('.tabs-panels');
|
|||
|
|
|
|||
|
|
//Activate tabs based on selected mode
|
|||
|
|
tabOperator.initialAccIndex = null;
|
|||
|
|
|
|||
|
|
if (tabOperator.mode === 1)
|
|||
|
|
{
|
|||
|
|
//Initial value of the flag which indicates whether viewport was above the threshold
|
|||
|
|
var previousAboveThreshold = $(window).width() >= tabOperator.threshold;
|
|||
|
|
|
|||
|
|
//Activate tabs or accordion
|
|||
|
|
if (previousAboveThreshold)
|
|||
|
|
{
|
|||
|
|
//If above threshold - activate tabs
|
|||
|
|
tabOperator.initTabs();
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
//If below threshold - activate accordion
|
|||
|
|
tabOperator.initAccordion(tabOperator.initialAccIndex);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//On tab click
|
|||
|
|
tabOperator.hookToAccordionOnClick();
|
|||
|
|
|
|||
|
|
//On window resize
|
|||
|
|
$(window).on('themeResize', function (e, resizeEvent) {
|
|||
|
|
|
|||
|
|
if ($(window).width() < tabOperator.threshold)
|
|||
|
|
{
|
|||
|
|
if (previousAboveThreshold)
|
|||
|
|
{
|
|||
|
|
//Now below threshold, previously above, so switch to accordion
|
|||
|
|
var api = tabOperator.$tabsContainer.data("tabs");
|
|||
|
|
var index = api.getIndex();
|
|||
|
|
api.destroy();
|
|||
|
|
|
|||
|
|
tabOperator.initAccordion(index);
|
|||
|
|
}
|
|||
|
|
previousAboveThreshold = false;
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
if (!previousAboveThreshold)
|
|||
|
|
{
|
|||
|
|
//Now above threshold, previously below, so switch to tabs
|
|||
|
|
var api = tabOperator.$panelsContainer.data("tabs");
|
|||
|
|
var index = api.getIndex();
|
|||
|
|
api.destroy();
|
|||
|
|
tabOperator.$rootContainer.removeClass("accor");
|
|||
|
|
|
|||
|
|
tabOperator.initTabs(index);
|
|||
|
|
}
|
|||
|
|
previousAboveThreshold = true;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
else if (tabOperator.mode === 2)
|
|||
|
|
{
|
|||
|
|
tabOperator.initAccordion(tabOperator.initialAccIndex);
|
|||
|
|
|
|||
|
|
//On tab click
|
|||
|
|
tabOperator.hookToAccordionOnClick();
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
tabOperator.initTabs();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
} //end: init
|
|||
|
|
|
|||
|
|
, initTabs : function(index)
|
|||
|
|
{
|
|||
|
|
//If no param, set it to 0
|
|||
|
|
if (typeof index === "undefined")
|
|||
|
|
{
|
|||
|
|
index = 0;
|
|||
|
|
}
|
|||
|
|
tabOperator.$tabsContainer.tabs(".tabs-panels .panel", {effect: tabOperator.tabEffect, initialIndex: index});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, initAccordion : function(index)
|
|||
|
|
{
|
|||
|
|
//If no param, set it to 0
|
|||
|
|
if (typeof index === "undefined")
|
|||
|
|
{
|
|||
|
|
index = 0;
|
|||
|
|
}
|
|||
|
|
tabOperator.$rootContainer.addClass("accor");
|
|||
|
|
tabOperator.$panelsContainer.tabs(".tabs-panels .panel", {tabs: '.acctab', effect: tabOperator.accEffect, initialIndex: index});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, hookToAccordionOnClick : function()
|
|||
|
|
{
|
|||
|
|
//Attach a handler to an event after a tab is clicked
|
|||
|
|
tabOperator.$panelsContainer.bind("onClick", function(event, index) {
|
|||
|
|
|
|||
|
|
//Note: "this" is a reference to the DOM element of tabs
|
|||
|
|
//var theTabs = this;
|
|||
|
|
var target = event.target || event.srcElement || event.originalTarget;
|
|||
|
|
|
|||
|
|
//If viewport is lower than the item, scroll to that item
|
|||
|
|
var itemOffsetTop = $(target).offset().top;
|
|||
|
|
var viewportOffsetTop = jQuery(window).scrollTop();
|
|||
|
|
if (itemOffsetTop < viewportOffsetTop)
|
|||
|
|
{
|
|||
|
|
$("html, body").delay(150).animate({scrollTop: (itemOffsetTop-50)}, 600, 'easeOutCubic');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}); //end: bind onClick
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, openTab : function()
|
|||
|
|
{
|
|||
|
|
if (tabOperator.$rootContainer.hasClass("accor"))
|
|||
|
|
{
|
|||
|
|
var $panels = tabOperator.$panelsContainer;
|
|||
|
|
var indexOfTab = $panels.children(".acctab").index($("#acctab-tabreviews"));
|
|||
|
|
$panels.data("tabs").click(indexOfTab);
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
var $tabs = tabOperator.$tabsContainer;
|
|||
|
|
var indexOfTab = $tabs.children("#tab-tabreviews").index();
|
|||
|
|
$tabs.data("tabs").click(indexOfTab);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, slideTo : function(target, offset)
|
|||
|
|
{
|
|||
|
|
//Slide to tab (minus height of sticky menu)
|
|||
|
|
var itemOffsetTop = $(target).offset().top - offset;
|
|||
|
|
$("html, body").animate({scrollTop: itemOffsetTop}, 600, 'easeOutCubic');
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
//Initialize tabs
|
|||
|
|
tabOperator.init('#product-tabs');
|
|||
|
|
|
|||
|
|
|
|||
|
|
$("#goto-reviews").click(function() {
|
|||
|
|
|
|||
|
|
tabOperator.openTab();
|
|||
|
|
tabOperator.slideTo('#product-tabs', 50);
|
|||
|
|
|
|||
|
|
}); //end: on click
|
|||
|
|
|
|||
|
|
$("#goto-reviews-form").click(function() {
|
|||
|
|
|
|||
|
|
tabOperator.openTab();
|
|||
|
|
tabOperator.slideTo('#review-form', 90);
|
|||
|
|
|
|||
|
|
}); //end: on click
|
|||
|
|
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div> <!-- end: box-tabs -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="box-additional grid12-9"><div class="box-collateral box-upsell"><div class="block block-upsell">
|
|||
|
|
<h3 class="section-title padding-right">Sie könnten auch an folgenden Artikeln interessiert sein</h3>
|
|||
|
|
<div class="itemslider-wrapper itemslider-upsell-wrapper slider-arrows1 slider-arrows1-pos-top-right slider-pagination1">
|
|||
|
|
<div id="itemslider-upsell" class="itemslider itemslider-responsive products-grid centered">
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<a href="http://www.toralin.de/k-hlfl-ssigkeit-g11-gr-n.html" title="XADO Kühlflüssigkeit G11 Grün" class="product-image">
|
|||
|
|
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/small_image/196x196/9df78eab33525d08d6e5fb8d27136e95/a/n/antifreeze-groen_1_1.png" alt="XADO Kühlflüssigkeit G11 Grün" />
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/k-hlfl-ssigkeit-g11-gr-n.html" title="XADO Kühlflüssigkeit G11 Grün">XADO Kühlflüssigkeit G11 Grün</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-194-upsell">
|
|||
|
|
10,70 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-194-upsell">
|
|||
|
|
12,95 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<a href="http://www.toralin.de/o-ring-jaguar-11-80-x-2-40-5-st.html" title="O-Ring Jaguar 11.80 x 2.40 (5 St.)" class="product-image">
|
|||
|
|
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/small_image/196x196/9df78eab33525d08d6e5fb8d27136e95/R/G/RG105625.jpg" alt="O-Ring Jaguar 11.80 x 2.40 (5 St.)" />
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/o-ring-jaguar-11-80-x-2-40-5-st.html" title="O-Ring Jaguar 11.80 x 2.40 (5 St.)">O-Ring Jaguar 11.80 x 2.40 (5 St.)</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-512-upsell">
|
|||
|
|
3,35 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-512-upsell">
|
|||
|
|
4,05 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<a href="http://www.toralin.de/o-ring-fiat-ford-8-20-x-2-00-5-st.html" title="O-Ring Fiat-Ford 8.20 x 2.00 (5 St.)" class="product-image">
|
|||
|
|
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/small_image/196x196/9df78eab33525d08d6e5fb8d27136e95/R/G/RG103825.jpg" alt="O-Ring Fiat-Ford 8.20 x 2.00 (5 St.)" />
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/o-ring-fiat-ford-8-20-x-2-00-5-st.html" title="O-Ring Fiat-Ford 8.20 x 2.00 (5 St.)">O-Ring Fiat-Ford 8.20 x 2.00 (5 St.)</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-494-upsell">
|
|||
|
|
2,16 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-494-upsell">
|
|||
|
|
2,61 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<a href="http://www.toralin.de/o-ring-jaguar-saab-volvo-8-80-x-1-50-5-st.html" title="O-Ring Jaguar-Saab-Volvo 8,80 x 1,50 (5 St.)" class="product-image">
|
|||
|
|
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/small_image/196x196/9df78eab33525d08d6e5fb8d27136e95/R/G/RG100225.jpg" alt="O-Ring Jaguar-Saab-Volvo 8,80 x 1,50 (5 St.)" />
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/o-ring-jaguar-saab-volvo-8-80-x-1-50-5-st.html" title="O-Ring Jaguar-Saab-Volvo 8,80 x 1,50 (5 St.)">O-Ring Jaguar-Saab-Volvo 8,80 x 1,50 (5 St.)</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-462-upsell">
|
|||
|
|
2,40 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-462-upsell">
|
|||
|
|
2,90 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<a href="http://www.toralin.de/partikelfilter-reinigungsset-504.html" title="TORALIN DPF Startpacket Reiniger Dieselpartikelfilter" class="product-image">
|
|||
|
|
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/small_image/196x196/9df78eab33525d08d6e5fb8d27136e95/s/t/startsetroetfilter_de.jpg" alt="TORALIN DPF Startpacket Reiniger Dieselpartikelfilter" />
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/partikelfilter-reinigungsset-504.html" title="TORALIN DPF Startpacket Reiniger Dieselpartikelfilter">TORALIN DPF Startpacket Reiniger Dieselpartikelfilter</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-445-upsell">
|
|||
|
|
249,00 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-445-upsell">
|
|||
|
|
301,29 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<a href="http://www.toralin.de/xado-maximum-transmission-for-diesel-truck.html" title="XADO Maximum Transmission for Diesel Truck" class="product-image">
|
|||
|
|
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/small_image/196x196/9df78eab33525d08d6e5fb8d27136e95/m/a/maximum-transmission-truck.png" alt="XADO Maximum Transmission for Diesel Truck" />
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/xado-maximum-transmission-for-diesel-truck.html" title="XADO Maximum Transmission for Diesel Truck">XADO Maximum Transmission for Diesel Truck</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-339-upsell">
|
|||
|
|
44,50 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-339-upsell">
|
|||
|
|
53,85 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<a href="http://www.toralin.de/universalfett-f-r-gelenkwellen-591.html" title="XADO Universalfett für Gelenkwellen, 125 ml" class="product-image">
|
|||
|
|
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/small_image/196x196/9df78eab33525d08d6e5fb8d27136e95/x/a/xado_fett-cv-joints_125.png" alt="XADO Universalfett für Gelenkwellen, 125 ml" />
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/universalfett-f-r-gelenkwellen-591.html" title="XADO Universalfett für Gelenkwellen, 125 ml">XADO Universalfett für Gelenkwellen, 125 ml</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-334-upsell">
|
|||
|
|
4,09 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-334-upsell">
|
|||
|
|
4,95 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item">
|
|||
|
|
<a href="http://www.toralin.de/toralin-oldruck-optimierer.html" title="TORALIN Öldruck Optimierer" class="product-image">
|
|||
|
|
|
|||
|
|
<img class="lazyOwl" data-src="http://www.toralin.de/media/catalog/product/cache/1/small_image/196x196/9df78eab33525d08d6e5fb8d27136e95/t/o/toralin_ldruckoptimierer.png" alt="TORALIN Öldruck Optimierer" />
|
|||
|
|
|
|||
|
|
</a>
|
|||
|
|
<h3 class="product-name"><a href="http://www.toralin.de/toralin-oldruck-optimierer.html" title="TORALIN Öldruck Optimierer">TORALIN Öldruck Optimierer</a></h3>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="price-box">
|
|||
|
|
<span class="price-excluding-tax">
|
|||
|
|
<span class="label">zzgl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-excluding-tax-252-upsell">
|
|||
|
|
9,05 € </span>
|
|||
|
|
</span>
|
|||
|
|
<span class="price-including-tax">
|
|||
|
|
<span class="label">Inkl. MwSt (21%):</span>
|
|||
|
|
<span class="price" id="price-including-tax-252-upsell">
|
|||
|
|
10,95 € </span>
|
|||
|
|
</span>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div> <!-- end: itemslider -->
|
|||
|
|
</div> <!-- end: itemslider-wrapper -->
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
jQuery(function($) {
|
|||
|
|
|
|||
|
|
var owl = $('#itemslider-upsell');
|
|||
|
|
owl.owlCarousel({
|
|||
|
|
|
|||
|
|
lazyLoad: true,
|
|||
|
|
|
|||
|
|
itemsCustom: [ [0, 1], [320, 2], [480, 3], [960, 4], [1280, 5] ],
|
|||
|
|
responsiveRefreshRate: 50,
|
|||
|
|
|
|||
|
|
slideSpeed: 200,
|
|||
|
|
|
|||
|
|
paginationSpeed: 500,
|
|||
|
|
|
|||
|
|
scrollPerPage: true,
|
|||
|
|
|
|||
|
|
|
|||
|
|
stopOnHover: true,
|
|||
|
|
|
|||
|
|
rewindNav: true,
|
|||
|
|
rewindSpeed: 600,
|
|||
|
|
|
|||
|
|
pagination: false,
|
|||
|
|
|
|||
|
|
navigation: true,
|
|||
|
|
navigationText: false
|
|||
|
|
|
|||
|
|
}); //end: owl
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
</div> <!-- end: block --></div></div>
|
|||
|
|
|
|||
|
|
</div> <!-- end: product-view -->
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
var lifetime = 3600;
|
|||
|
|
var expireAt = Mage.Cookies.expires;
|
|||
|
|
if (lifetime > 0) {
|
|||
|
|
expireAt = new Date();
|
|||
|
|
expireAt.setTime(expireAt.getTime() + lifetime * 1000);
|
|||
|
|
}
|
|||
|
|
Mage.Cookies.set('external_no_cache', 1, expireAt);
|
|||
|
|
</script>
|
|||
|
|
</div>
|
|||
|
|
<div class="postscript"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div class="main-bottom-container"></div>
|
|||
|
|
</div>
|
|||
|
|
<div class="footer-container">
|
|||
|
|
<div class="footer-container2">
|
|||
|
|
<div class="footer-container3">
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="footer-primary-container section-container">
|
|||
|
|
<div class="footer-primary footer container">
|
|||
|
|
<div class="inner-container">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="clearer">
|
|||
|
|
<div class="grid12-3"> <div class="std"><div class="collapsible mobile-collapsible">
|
|||
|
|
|
|||
|
|
<h6 class="block-title heading">INFORMATIONEN</h6>
|
|||
|
|
<div class="block-content">
|
|||
|
|
|
|||
|
|
<ul class="bullet">
|
|||
|
|
<li><a href="http://www.toralin.de/impressum/">Impressum</a></li>
|
|||
|
|
<li><a href="http://www.toralin.de/verkaufsstelle-werden/">Verkaufsstelle werden</a></li>
|
|||
|
|
<li><a href="http://www.toralin.de/keine_mwst_fur_firmen/">Mehrwertsteuerfrei einkaufen</a></li>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div></div></div><div class="grid12-3"> <div class="std"><div class="collapsible mobile-collapsible">
|
|||
|
|
|
|||
|
|
<h6 class="block-title heading">AKTUELLE WERBUNG</h6>
|
|||
|
|
<div class="block-content">
|
|||
|
|
|
|||
|
|
<ul class="bullet">
|
|||
|
|
<li><a href="http://www.toralin.de/broschuren/">Broschüren</a></li>
|
|||
|
|
<li><a href="http://www.toralin.de/katalog/">Katalog</a></li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div></div></div><div class="grid12-3"> <div class="std"><div class="collapsible mobile-collapsible">
|
|||
|
|
|
|||
|
|
<h6 class="block-title heading">ZAHLUNGSARTEN</h6>
|
|||
|
|
<div class="block-content">
|
|||
|
|
|
|||
|
|
<ul class="bullet">
|
|||
|
|
<li><a href="http://www.toralin.de/wie-kann-ich-bezahlen/">SOFORT Überweisung</a></li>
|
|||
|
|
<li><a href="http://www.toralin.de/wie-kann-ich-bezahlen/">PayPal</a></li>
|
|||
|
|
<li><a href="http://www.toralin.de/wie-kann-ich-bezahlen/">Zahlung per Vorauskasse</a></li>
|
|||
|
|
|
|||
|
|
<li><a href="http://www.toralin.de/wie-kann-ich-bezahlen/">Kreditkarte</a></li>
|
|||
|
|
</ul>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div></div></div><div class="grid12-3"> <div class="std"><div class="collapsible mobile-collapsible">
|
|||
|
|
<h6 class="block-title heading">KONTAKT</h6>
|
|||
|
|
<div class="block-content">TORALIN<br />Meander 151 (8510)<br />6825 MB Arnhem<br /> Niederlande<br />Tel.:+31 (0) 614392096</div>
|
|||
|
|
</div></div></div> </div> <!-- end: footer-primary section -->
|
|||
|
|
|
|||
|
|
<div class="footer-primary-bottom grid12-12">
|
|||
|
|
<div class="footer-primary-bottom-spacing clearer">
|
|||
|
|
|
|||
|
|
<div class="item item-left clearer block_footer_primary_bottom_left">
|
|||
|
|
<div class="social-links ib-wrapper--square">
|
|||
|
|
<a class="first" href="http://twitter.com/infortis" title="Follow Infortis on Twitter">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-twitter"></span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" title="Join us on Facebook">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-facebook"></span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" title="Join us on Google Plus">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-googleplus"></span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" title="Youtube">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-youtube"></span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" title="Vimeo">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-vimeo"></span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" title="Instagram">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-instagram"></span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" title="Pinterest">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-pinterest"></span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" title="Linked in">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-linkedin"></span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" title="VKontakte">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-vk"></span>
|
|||
|
|
</a>
|
|||
|
|
<a href="#" title="Renren">
|
|||
|
|
<span class="ib ib-hover ic ic-lg ic-renren"></span>
|
|||
|
|
</a>
|
|||
|
|
</div> </div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="item item-right newsletter-wrapper clearer">
|
|||
|
|
<div id="subscribe-form" class="clearer">
|
|||
|
|
<form name="mtgp" action="http://toralin-info.com/de/subscribe.php" method="post" id="newsletter-validate-detail">
|
|||
|
|
<input type="hidden" name="group_id" value="13" />
|
|||
|
|
<input type="hidden" name="return_url" value="" />
|
|||
|
|
<div>
|
|||
|
|
<label for="newsletter">Newsletter</label>
|
|||
|
|
<div class="input-box">
|
|||
|
|
<!-- <input type="text" name="email" id="newsletter" title="" class="input-text required-entry validate-email" /> -->
|
|||
|
|
<input type="text" name="name" size="15" placeholder="Name" value="" class="input-text required-entry" />
|
|||
|
|
<input type="text" name="email" size="15" placeholder="E-Mail Adresse" value="" class="input-text required-entry validate-email" />
|
|||
|
|
</div>
|
|||
|
|
<button type="submit" title="Abonnieren" class="button btn-inline"><span><span>Abonnieren</span></span></button>
|
|||
|
|
</div>
|
|||
|
|
</form>
|
|||
|
|
</div>
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
var newsletterSubscriberFormDetail = new VarienForm('newsletter-validate-detail');
|
|||
|
|
new Varien.searchForm('newsletter-validate-detail', 'newsletter', 'Geben Sie Ihre E-Mail Adresse ein');
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div> <!-- end: footer-primary-bottom -->
|
|||
|
|
|
|||
|
|
</div> <!-- end: inner-container -->
|
|||
|
|
</div> <!-- end: footer-primary -->
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div class="footer-bottom-container section-container">
|
|||
|
|
<div class="footer-bottom footer container">
|
|||
|
|
<div class="inner-container">
|
|||
|
|
|
|||
|
|
<div class="clearer">
|
|||
|
|
|
|||
|
|
<div class="item item-left">
|
|||
|
|
<div class="footer-copyright">© 2016 TORALIN. All Rights Reserved.</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="item item-right block_footer_payment"><img src="http://www.toralin.de/media/wysiwyg/infortis/ultimo/custom/payment.gif" alt="Payment methods" title="" /></div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div> <!-- end: footer-bottom section -->
|
|||
|
|
|
|||
|
|
</div> <!-- end: inner-container -->
|
|||
|
|
</div> <!-- end: footer-bottom -->
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<a id="scroll-to-top" class="ic ic-up" href="#top"></a>
|
|||
|
|
|
|||
|
|
</div> <!-- end: footer-container3 -->
|
|||
|
|
</div> <!-- end: footer-container2 -->
|
|||
|
|
</div> <!-- end: footer-container -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
|
|||
|
|
var gridItemsEqualHeightApplied = false;
|
|||
|
|
function setGridItemsEqualHeight($)
|
|||
|
|
{
|
|||
|
|
var $list = $('.category-products-grid');
|
|||
|
|
var $listItems = $list.children();
|
|||
|
|
|
|||
|
|
var centered = $list.hasClass('centered');
|
|||
|
|
var gridItemMaxHeight = 0;
|
|||
|
|
$listItems.each(function() {
|
|||
|
|
|
|||
|
|
$(this).css("height", "auto"); var $object = $(this).find('.actions');
|
|||
|
|
|
|||
|
|
if (centered)
|
|||
|
|
{
|
|||
|
|
var objectWidth = $object.width();
|
|||
|
|
var availableWidth = $(this).width();
|
|||
|
|
var space = availableWidth - objectWidth;
|
|||
|
|
var leftOffset = space / 2;
|
|||
|
|
$object.css("padding-left", leftOffset + "px"); }
|
|||
|
|
|
|||
|
|
var bottomOffset = parseInt($(this).css("padding-top"));
|
|||
|
|
if (centered) bottomOffset += 10;
|
|||
|
|
$object.css("bottom", bottomOffset + "px");
|
|||
|
|
|
|||
|
|
if ($object.is(":visible"))
|
|||
|
|
{
|
|||
|
|
var objectHeight = $object.height();
|
|||
|
|
$(this).css("padding-bottom", (objectHeight + bottomOffset) + "px");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
gridItemMaxHeight = Math.max(gridItemMaxHeight, $(this).height());
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//Apply max height
|
|||
|
|
$listItems.css("height", gridItemMaxHeight + "px");
|
|||
|
|
gridItemsEqualHeightApplied = true;
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
jQuery(function($) {
|
|||
|
|
|
|||
|
|
var ddOpenTimeout;
|
|||
|
|
var dMenuPosTimeout;
|
|||
|
|
var DD_DELAY_IN = 200;
|
|||
|
|
var DD_DELAY_OUT = 0;
|
|||
|
|
var DD_ANIMATION_IN = 0;
|
|||
|
|
var DD_ANIMATION_OUT = 0;
|
|||
|
|
|
|||
|
|
$('.clickable-dropdown > .dropdown-heading').click(function() {
|
|||
|
|
$(this).parent().addClass('open');
|
|||
|
|
$(this).parent().trigger('mouseenter');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
//$('.dropdown-heading').on('click', function(e) {
|
|||
|
|
$(document).on('click', '.dropdown-heading', function(e) {
|
|||
|
|
e.preventDefault();
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$(document).on('mouseenter', '.dropdown', function() {
|
|||
|
|
|
|||
|
|
var ddToggle = $(this).children('.dropdown-heading');
|
|||
|
|
var ddMenu = $(this).children('.dropdown-content');
|
|||
|
|
var ddWrapper = ddMenu.parent();
|
|||
|
|
ddMenu.css("left", "");
|
|||
|
|
ddMenu.css("right", "");
|
|||
|
|
|
|||
|
|
if ($(this).hasClass('clickable-dropdown'))
|
|||
|
|
{
|
|||
|
|
if ($(this).hasClass('open'))
|
|||
|
|
{
|
|||
|
|
$(this).children('.dropdown-content').stop(true, true).delay(DD_DELAY_IN).fadeIn(DD_ANIMATION_IN, "easeOutCubic");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
clearTimeout(ddOpenTimeout);
|
|||
|
|
ddOpenTimeout = setTimeout(function() {
|
|||
|
|
|
|||
|
|
ddWrapper.addClass('open');
|
|||
|
|
|
|||
|
|
}, DD_DELAY_IN);
|
|||
|
|
|
|||
|
|
//$(this).addClass('open');
|
|||
|
|
$(this).children('.dropdown-content').stop(true, true).delay(DD_DELAY_IN).fadeIn(DD_ANIMATION_IN, "easeOutCubic");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
clearTimeout(dMenuPosTimeout);
|
|||
|
|
dMenuPosTimeout = setTimeout(function() {
|
|||
|
|
|
|||
|
|
if (ddMenu.offset().left < 0)
|
|||
|
|
{
|
|||
|
|
var space = ddWrapper.offset().left; ddMenu.css("left", (-1)*space);
|
|||
|
|
ddMenu.css("right", "auto");
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}, DD_DELAY_IN);
|
|||
|
|
|
|||
|
|
}).on('mouseleave', '.dropdown', function() {
|
|||
|
|
|
|||
|
|
var ddMenu = $(this).children('.dropdown-content');
|
|||
|
|
clearTimeout(ddOpenTimeout); ddMenu.stop(true, true).delay(DD_DELAY_OUT).fadeOut(DD_ANIMATION_OUT, "easeInCubic");
|
|||
|
|
if (ddMenu.is(":hidden"))
|
|||
|
|
{
|
|||
|
|
ddMenu.hide();
|
|||
|
|
}
|
|||
|
|
$(this).removeClass('open');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
var windowScroll_t;
|
|||
|
|
$(window).scroll(function(){
|
|||
|
|
|
|||
|
|
clearTimeout(windowScroll_t);
|
|||
|
|
windowScroll_t = setTimeout(function() {
|
|||
|
|
|
|||
|
|
if ($(this).scrollTop() > 100)
|
|||
|
|
{
|
|||
|
|
$('#scroll-to-top').fadeIn();
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
$('#scroll-to-top').fadeOut();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}, 500);
|
|||
|
|
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
$('#scroll-to-top').click(function(){
|
|||
|
|
$("html, body").animate({scrollTop: 0}, 600, "easeOutCubic");
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
var startHeight;
|
|||
|
|
var bpad;
|
|||
|
|
$('.category-products-grid').on('mouseenter', '.item', function() {
|
|||
|
|
|
|||
|
|
if ($(window).width() >= 320)
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
if (gridItemsEqualHeightApplied === false)
|
|||
|
|
{
|
|||
|
|
return false;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
startHeight = $(this).height();
|
|||
|
|
$(this).css("height", "auto"); //Release height
|
|||
|
|
$(this).find(".display-onhover").fadeIn(400, "easeOutCubic"); //Show elements visible on hover
|
|||
|
|
var h2 = $(this).height();
|
|||
|
|
|
|||
|
|
////////////////////////////////////////////////////////////////
|
|||
|
|
var addtocartHeight = 0;
|
|||
|
|
var addtolinksHeight = 0;
|
|||
|
|
|
|||
|
|
|
|||
|
|
var addtolinksEl = $(this).find('.add-to-links');
|
|||
|
|
if (addtolinksEl.hasClass("addto-onimage") == false)
|
|||
|
|
addtolinksHeight = addtolinksEl.innerHeight(); //.height();
|
|||
|
|
|
|||
|
|
var h3 = h2 + addtocartHeight + addtolinksHeight;
|
|||
|
|
var diff = 0;
|
|||
|
|
if (h3 < startHeight)
|
|||
|
|
{
|
|||
|
|
$(this).height(startHeight);
|
|||
|
|
}
|
|||
|
|
else
|
|||
|
|
{
|
|||
|
|
$(this).height(h3); diff = h3 - startHeight;
|
|||
|
|
}
|
|||
|
|
////////////////////////////////////////////////////////////////
|
|||
|
|
|
|||
|
|
$(this).css("margin-bottom", "-" + diff + "px");
|
|||
|
|
}
|
|||
|
|
}).on('mouseleave', '.item', function() {
|
|||
|
|
|
|||
|
|
if ($(window).width() >= 320)
|
|||
|
|
{
|
|||
|
|
|
|||
|
|
//Clean up
|
|||
|
|
$(this).find(".display-onhover").stop(true).hide();
|
|||
|
|
$(this).css("margin-bottom", "");
|
|||
|
|
|
|||
|
|
$(this).height(startHeight);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
$('.products-grid, .products-list').on('mouseenter', '.product-image-wrapper', function() {
|
|||
|
|
$(this).find(".alt-img").fadeIn(400, "easeOutCubic");
|
|||
|
|
}).on('mouseleave', '.product-image-wrapper', function() {
|
|||
|
|
$(this).find(".alt-img").stop(true).fadeOut(400, "easeOutCubic");
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
$('.fade-on-hover').on('mouseenter', function() {
|
|||
|
|
$(this).animate({opacity: 0.75}, 300, 'easeInOutCubic');
|
|||
|
|
}).on('mouseleave', function() {
|
|||
|
|
$(this).stop(true).animate({opacity: 1}, 300, 'easeInOutCubic');
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
var dResize = {
|
|||
|
|
|
|||
|
|
winWidth : 0
|
|||
|
|
, winHeight : 0
|
|||
|
|
, windowResizeTimeout : null
|
|||
|
|
|
|||
|
|
, init : function()
|
|||
|
|
{
|
|||
|
|
dResize.winWidth = $(window).width();
|
|||
|
|
dResize.winHeight = $(window).height();
|
|||
|
|
dResize.windowResizeTimeout;
|
|||
|
|
|
|||
|
|
$(window).on('resize', function(e) {
|
|||
|
|
clearTimeout(dResize.windowResizeTimeout);
|
|||
|
|
dResize.windowResizeTimeout = setTimeout(function() {
|
|||
|
|
dResize.onEventResize(e);
|
|||
|
|
}, 50);
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, onEventResize : function(e)
|
|||
|
|
{
|
|||
|
|
//Prevent from executing the code in IE when the window wasn't actually resized
|
|||
|
|
var winNewWidth = $(window).width();
|
|||
|
|
var winNewHeight = $(window).height();
|
|||
|
|
|
|||
|
|
//Code in this condition will be executed only if window was actually resized
|
|||
|
|
if (dResize.winWidth != winNewWidth || dResize.winHeight != winNewHeight)
|
|||
|
|
{
|
|||
|
|
//Trigger deferred resize event
|
|||
|
|
$(window).trigger("themeResize", e);
|
|||
|
|
|
|||
|
|
//Additional code executed on deferred resize
|
|||
|
|
dResize.onEventDeferredResize();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
//Update window size variables
|
|||
|
|
dResize.winWidth = winNewWidth;
|
|||
|
|
dResize.winHeight = winNewHeight;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
, onEventDeferredResize : function() //Additional code, execute after window was actually resized
|
|||
|
|
{
|
|||
|
|
//Products grid: equal height of items
|
|||
|
|
setGridItemsEqualHeight($);
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}; //end: dResize
|
|||
|
|
|
|||
|
|
dResize.init();
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
}); //end: on document ready
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
jQuery(window).load(function(){
|
|||
|
|
|
|||
|
|
setGridItemsEqualHeight(jQuery);
|
|||
|
|
|
|||
|
|
}); //end: jQuery(window).load(){...}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- PIWIK TRACKING CODE -->
|
|||
|
|
<script type="text/javascript">
|
|||
|
|
//<![CDATA[
|
|||
|
|
|
|||
|
|
var pkBaseURL = (("https:" == document.location.protocol) ? "https://www.toralin.nl/piwik/" : "http://www.toralin.nl/piwik/");
|
|||
|
|
document.write(unescape("%3Cscript src='" + pkBaseURL + "piwik.js' type='text/javascript'%3E%3C/script%3E"));
|
|||
|
|
</script><script type="text/javascript">
|
|||
|
|
try {
|
|||
|
|
var piwikTracker = Piwik.getTracker(pkBaseURL + "piwik.php", 2);
|
|||
|
|
|
|||
|
|
piwikTracker.setEcommerceView("XA30202", "XADO Schmierfett Reparierend, Verschleiß 50%, 125 ml","Schmierfette",4.9200);
|
|||
|
|
|
|||
|
|
|
|||
|
|
piwikTracker.trackPageView();
|
|||
|
|
piwikTracker.enableLinkTracking();
|
|||
|
|
} catch( err ) {}
|
|||
|
|
//]]>
|
|||
|
|
</script>
|
|||
|
|
<noscript><p><img src="http://www.toralin.nl/piwik/piwik.php?idsite=2" style="border:0" alt="" /></p></noscript>
|
|||
|
|
<!-- END PIWIK TRACKING CODE -->
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div> <!-- end: root-wrapper -->
|
|||
|
|
</body>
|
|||
|
|
</html>
|