<!DOCTYPE html><html lang="en" ng-app="LtpStoreApp" ng-controller="BaseCtrl" ng-cloak><head> <!--START Google analytics tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-CB9QB0LPDT"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-CB9QB0LPDT'); </script> <!-- END Google analytics tag (gtag.js) --> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Home - LTP</title> <meta name="description" content="Steeped in the spirit of liturgical renewal and founded upon the principles outlined in Sacrosanctum Concilium, Liturgy Training Publications has grown immensely over the years. What began as Liturgy Training Programs in the 1960s has blossomed into the premier publisher of liturgical and pastoral materials in the English-speaking world. Dedicated to promoting the liturgical formation “of the faithful and also their active participation in the liturgy both internally and externally, taking into account their age and condition, their way of life, and their stage of religious development” (SC, 19), Liturgy Training Publications continues to strive toward the “foretaste of that heavenly liturgy” envisioned in Sacrosanctum Concilium (SC, 8)." /> <base href="/" /> <!--Stylesheets--> <style type="text/css"> [ng-cloak] { display: none !important; } ul { list-style: none !important; } </style> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="//fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&family=Yrsa:ital,wght@0,300..700;1,300..700&display=swap" rel="stylesheet" /> <script> // loadCSS function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x";o.parentNode.insertBefore(i,o);setTimeout(function(){i.media=n||"all"})} loadCSS("/css/bundle.css"); // loadCSS("//fonts.googleapis.com/css?family=Roboto+Condensed:400italic,700italic,700,400"); loadCSS("//fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&family=Yrsa:ital,wght@0,300..700;1,300..700&display=swap"); loadCSS("//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"); </script> <noscript b-73wju9dq1z> <link href="/css/bundle.css?v=wxkrHrl5GpVF5I0ifVsl66VHDZ0" rel="stylesheet" type="text/css" async /> <link href="//fonts.googleapis.com/css2?family=Overpass:ital,wght@0,100..900;1,100..900&family=Yrsa:ital,wght@0,300..700;1,300..700&display=swap" rel="stylesheet" /> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css" async /> </noscript> <!--Stylesheets--> </head> <div ng-controller="NavigationCtrl as vm" ng-init='vm.init()'> <div class="container body-content hidden-xs desktop-header"> <div class="row"> <div class="col-sm-2 vcenter"> <a class="" href="/" title="LTP Home"> <img class="img-responsive ltp-logo-desktop" lazy-src="{{config.settings.Website_Asset_Url}}/ltp-logo-top-nav-2024.png" animate-visible="true" /> </a> </div> <div class="col-sm-5 vcenter"> <!-- START DESKTOP TOP NAVIGATION--> <ul id="ltp-desktop-nav" class="ltp-top-nav nav navbar-nav hidden-xs"> <li class="ltp-dropdown" ng-repeat="mainNav in vm.topNavigation"> <a ng-if="mainNav.HasSubject" ng-href="/products/subject/{{mainNav.SubjectCode}}/{{slugify(mainNav.Name)}}" ng-class="{ 'ltp-has-submenu': mainNav.ChildMenuItems.length > 0 }"> <div class="ltp-top-nav-main-menu-color-block vcenter"></div> {{ mainNav.Name }} </a> <a ng-if="!mainNav.HasSubject" ng-href="{{ mainNav.Url }}" target="_blank" ng-class="{ 'ltp-has-submenu': mainNav.ChildMenuItems.length > 0 }"> <div class="ltp-top-nav-main-menu-color-block vcenter"></div> {{ mainNav.Name }} </a> <ul class="ltp-dropdown ltp-dropdown-menu"> <li ng-repeat="level2Nav in mainNav.ChildMenuItems" ng-class="{ 'ltp-dropdown-submenu': level2Nav.ChildMenuItems.length > 0 }"> <a ng-if="level2Nav.HasSubject" ng-href="/products/subject/{{level2Nav.SubjectCode}}/{{slugify(level2Nav.Name)}}">{{ level2Nav.Name }}</a> <a ng-if="!level2Nav.HasSubject" ng-href="{{ level2Nav.Url }}" target="_blank">{{ level2Nav.Name }}</a> <ul class="ltp-dropdown ltp-dropdown-menu ltp-level3-dropdown"> <li ng-repeat="level3Nav in level2Nav.ChildMenuItems"> <a ng-if="level3Nav.HasSubject" ng-href="/products/subject/{{level3Nav.SubjectCode}}/{{slugify(level3Nav.Name)}}">{{ level3Nav.Name }}</a> <a ng-if="!level3Nav.HasSubject" ng-href="{{ level3Nav.Url }}" target="_blank">{{ level3Nav.Name }}</a> </li> </ul> </li> </ul> </li> </ul> <!-- END DESKTOP TOP NAVIGATION--> </div> <div class="col-sm-5 vcenter" style="margin-left:-20px; display: inline-flex; justify-content:space-evenly;"> <div class="" > <div class="dropdown pull-right cursor-pointer"> <span class="dropdown-toggle" type="button" id="language-dropdown" data-toggle="dropdown" aria-expanded="true"> <span ng-if="value.currentLocale === 'en'">{{value.stringResources.General_Language_English_Text}}</span> <span ng-if="value.currentLocale === 'es'">{{value.stringResources.General_Language_Spanish_Text}}</span> <span class="caret"></span> </span> <ul class="dropdown-menu" role="menu" aria-labelledby="language-dropdown"> <li role="presentation"><a href="/home/setlocale?locale=en" title="{{localize.General_Language_English_Text}}" role="menuitem" , tabindex="-1">{{localize.General_Language_English_Text}}</a></li> <li role="presentation"><a href="/home/setlocale?locale=es" title="{{localize.General_Language_Spanish_Text}}" role="menuitem" , tabindex="-1">{{localize.General_Language_Spanish_Text}}</a></li> </ul> </div> </div> <div class="" > <div class="dropdown pull-right cursor-pointer"> <span class="dropdown-toggle" type="button" id="user-dropdown" data-toggle="dropdown" aria-expanded="true">LOG IN <span class="caret"></span></span> <ul class="dropdown-menu" role="menu" aria-labelledby="user-dropdown"> <li role="presentation"> <a role="menuitem" tabindex="-1" id="loginLink" class="nav-link text-dark" href="/Account/Login?returnUrl=%2F">{{localize.General_Login_Text}} / {{localize.General_Register_Button_Text}}</a> </li> </ul> </div> </div> <div class=""> <a href="/order/cart/-1"> <span class="mini-cart-stack shopping-cart-icon-container"> <i class="glyphicon glyphicon-shopping-cart shopping-cart-icon"></i> <span class="badge shopping-cart-badge-text">{{vm.miniCart.Count}}</span> </span> </a> </div> <div class="clearfix"></div> </div> </div> </div> <!--OLD--> <!--OLD--> <div class="navbar navbar-default navbar-static-top hidden-sm hidden-md hidden-lg hidden-print visible-xs"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" ng-click="vm.showMobileNav()"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a href="/" class="navbar-brand hidden-sm hidden-md hidden-lg"> <img class="img-responsive" style="max-height:40px;" lazy-src="{{config.settings.Website_Asset_Url}}/ltp-logo-top-nav-2024.png" animate-visible="true" /> </a> <ul class="hidden-sm hidden-md hidden-lg phone-right-nav pull-right"> <li> <a class="" href="/order/cart/{{vm.orderNumber}}"> <span class="fa fa-stack shopping-cart-icon-container"> <i class="glyphicon glyphicon-shopping-cart shopping-cart-icon"></i> <span class="badge shopping-cart-badge-text">{{vm.miniCart.Count}}</span> </span> </a> </li> </ul> </div> <!--Start - Top navigation left links --> <!-- START DESKTOP TOP NAVIGATION--> <!-- END DESKTOP TOP NAVIGATION--> <!--End - Top navigation left links--> <!--START MOBILE NAVIGATION--> <div id="ltp-mobile-nav" class="ltp-mobile-nav-container"> <div class="ltp-mobile-nav-header" style="display: flex; flex-direction: column; justify-content:space-between"> <h4>MENU</h4> <span class="btn btn-primary btn-sm" ng-click="vm.closeMobileNav()">CLOSE</span> </div> <div class="ltp-mobile-nav-menu"> <ul class="ltp-mobile-nav-ul-1 ltp-mobile-dropdown-menu open hidden-sm"> <li class="ltp-mobile-nav-li" ng-repeat="mainNav in vm.topNavigation"> <div ng-if="mainNav.ChildMenuItems.length>0" class="ltp-mobile-nav-main-menu-color-block"></div> <a ng-if="mainNav.HasSubject" ng-href="/products/subject/{{mainNav.SubjectCode}}/{{slugify(mainNav.Name)}}" style="clear:left;" ng-href="{{ mainNav.Url }}" ng-class="{ 'ltp-has-submenu': mainNav.ChildMenuItems.length > 0 }">{{ mainNav.Name }}</a> <a ng-if="!mainNav.HasSubject" style="clear:left;" target="_blank" ng-href="{{ mainNav.Url }}" ng-class="{ 'ltp-has-submenu': mainNav.ChildMenuItems.length > 0 }">{{ mainNav.Name }}</a> <span ng-if="mainNav.ChildMenuItems.length>0" class="btn ltp-mobile-show-submenu-btn" ng-click="vm.showHideSubMenu($event)"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </span> <ul class="ltp-mobile-nav-ul-2 ltp-mobile-dropdown-menu"> <li class="ltp-mobile-nav-li" ng-repeat="level2Nav in mainNav.ChildMenuItems" ng-class="{ 'ltp-mobile-dropdown-submenu': level2Nav.ChildMenuItems.length > 0 }"> <a ng-if="level2Nav.HasSubject" ng-href="/products/subject/{{level2Nav.SubjectCode}}/{{slugify(level2Nav.Name)}}">{{ level2Nav.Name }}</a> <a ng-if="!level2Nav.HasSubject" ng-href="{{ level2Nav.Url }}" target="_blank">{{ level2Nav.Name }}</a> <span ng-if="level2Nav.ChildMenuItems.length>0" class="btn ltp-mobile-show-submenu-btn" ng-click="vm.showHideSubMenu($event)"> <i class="fa fa-plus-circle" aria-hidden="true"></i> </span> <ul class="ltp-mobile-dropdown-menu ltp-mobile-nav-ul-3"> <li class="ltp-mobile-nav-li" ng-repeat="level3Nav in level2Nav.ChildMenuItems"> <a ng-if="level3Nav.HasSubject" ng-href="/products/subject/{{level3Nav.SubjectCode}}/{{slugify(level3Nav.Name)}}">{{ level3Nav.Name }}</a> <a ng-if="!level3Nav.HasSubject" target="_blank" ng-href="{{ level3Nav.Url }}">{{ level3Nav.Name }}</a> </li> </ul> </li> </ul> </li> </ul> </div> <div style="display: flex; flex-direction: column; align-content: center; justify-content: space-around; align-items: center;margin-top:20px;"> <div class="margin-bottom-10"> <a id="loginLink" class="nav-link text-dark" href="/Account/Login?returnUrl=%2F">{{localize.General_Login_Text}} / {{localize.General_Register_Button_Text}}</a> </div> <div class=""> <a class="btn" ng-class="{ 'btn-secondary' : vm.currentLocale === 'en' }" href="/home/setlocale?locale=en" title="{{localize.General_Language_English_Text}}">{{localize.General_Language_English_Text}}</a> | <a class="btn" ng-class="{ 'btn-secondary' : vm.currentLocale === 'es' }" href="/home/setlocale?locale=es" title="{{localize.General_Language_Spanish_Text}}">{{localize.General_Language_Spanish_Text}}</a> </div> </div> </div> <!--END MOBILE NAVIGATION--> </div> </div> <div id="quick-search" ng-if="vm.quickSearchToggle" class="navbar-default-quick-search container quick-search-collapse-wrapper"> <form name="quickSearchForm" novalidate role="form" ng-model="vm.quickSearch" ng-submit="vm.quickSearchFormSubmit()" class=""> <div class="form-group search-group"> <div class="input-group"> <input name="query" type="text" autofocus ng-model="vm.quickSearch.searchQuery" required ng-minlength="3" class="form-control text-center" placeholder="{{localize.General_Search_Box_Default_Text}}"> <span class="input-group-btn"> <span class="input-group-addon search-input-group-addon"> <!--<input type="checkbox" name="matchAll" ng-model="vm.quickSearch.matchAll" /> <label for="matchAll">{{localize.General_Search_Match_All_Text}}</label>--> <button ng-disabled="quickSearchForm.$invalid" type="submit" class="btn quick-search-btn">{{localize.General_Search_Button_Text}} <span class="glyphicon glyphicon-search"></span></button> </span> </span> </div><!-- /input-group --> </div> <p ng-if="quickSearchForm.query.$error.required && !quickSearchForm.query.$pristine" class="help-block alert alert-warning text-center">Search term is required.</p> <p ng-if="quickSearchForm.query.$error.minlength && !quickSearchForm.query.$pristine" class="help-block alert alert-warning text-center">At least 3 characters are required to search.</p> </form> </div> </div><body> <div b-73wju9dq1z class="container body-content"> <!--Maintenance Message--> <div b-73wju9dq1z class="row" style="margin-bottom:20px;margin-left:-25px;margin-right:-25px;" ng-if='config.settings.Show_System_Maintenance_Alert === "1"'> <div b-73wju9dq1z class="col-xs-12 alert alert-danger text-center" style="background-color: #f73f3f;margin:0px; padding:10px; border:none;border-radius:0;"> <p b-73wju9dq1z style="font-size:18px"> <span b-73wju9dq1z class="glyphicon glyphicon-warning-sign" style="color:yellow;margin-right:10px;"> </span> <span b-73wju9dq1z style="color:#fff">{{localize.System_Maintenance_Message}}</span> </p> </div> </div> <!--Maintenance Message End--> <div ng-controller="HomeCtrl as vm" ng-init='localizePage({ "General_Login_Text": "LOG IN", "General_Language_English_Text": "ENGLISH", "General_Language_Spanish_Text": "SPANISH", "General_Footer_LTP_Heading": "LTP", "General_Footer_About_Us_Link": "About Us", "General_Footer_Permission_Requests_Link": "Permission Requests", "General_Footer_Manuscript_Guidelines_Link": "Manuscript Guidelines", "General_Footer_Customer_Service_Heading": "CUSTOMER SERVICE", "General_Footer_Contact_Us_Link": "Contact Us", "General_Footer_Terms_And_Conditions_Link": "Terms and Conditions", "General_Footer_Shipping_Options_Link": "Shipping Options", "General_Footer_International_Distributors_Link": "International Distributors", "General_Footer_Return_Policy_Link": "Return Policy", "General_Footer_FAQ_Link": "FAQ", "General_Footer_Catalogs_Link": "Catalogs", "General_Footer_Related_Sites_Heading": "RELATED SITES", "General_Footer_Ministry_Enrichment_Gathering_Link": "Ministry Enrichment Gathering™", "General_Footer_Pastoral_Liturgy_Link": "Pastoral Liturgy®", "General_Footer_NGCI_Link": "National Gathering on Christian Initiation®", "General_Footer_Copyright_Text": "All material ©2024 Archdiocese of Chicago: Liturgy Training Publications. All Rights Reserved.", "General_Sort_By_Text": "SORT BY", "Home_Feature_Image_1": "image1", "Home_Feature_Description_1": "As we prepare to implement the new translation of the Order of Christian Initiation of Adults (OCIA), visit this site to learn about updates, training opportunities, and other resources.", "Home_Feature_Image_2": "image2", "Home_Feature_Description_2": "Virtual and in-person training events. ", "General_Add_Button_Text": "Add", "General_Apply_Button_Text": "Apply", "General_Cancel_Button_Text": "CANCEL", "General_Change_Password_Button_Text": "Change Password", "General_Click_Here_Button_Text": "Click here", "General_Continue_Shopping_Button_Text": "Continue Shopping", "General_Delete_Button_Text": "Delete", "General_Link_Here_Button_Text": "Link Here", "General_Login_Button_Text": "Login", "General_Logout_Text": "Logout", "General_Manage_Account_Text": "Manage Account", "General_New_Releases_Text": "New Releases", "General_Orders_Text": "Orders", "General_Print_Button_Text": "Print", "General_Refine_Author_Subhead": "Author", "General_Refine_Format_Subhead": "Format", "General_Refine_Language_Subhead": "Language", "General_Refine_Price_Subhead": "Price", "General_Refine_Subject_Subhead": "Subject", "General_Register_Button_Text": "REGISTER", "General_Reset_Password_Button_Text": "Reset Password", "General_Review_Order_Button_Text": "Review Order", "General_Sort_By_Order_Date_New_Old": "ORDER DATE NEW TO OLD", "General_Sort_By_Order_Date_Old_New": "ORDER DATE OLD TO NEW", "General_Sort_By_Price": "PRICE", "General_Update_Button_Text": "Update", "General_Remove_Button_Text": "Remove", "General_Page_Access_Key_Invalid_Text": "Accesss Key is invalid. Please try again.", "General_Page_Access_Key_Heading_Text": "Access Key Needed", "General_Page_Access_Key_Label_Text": "Access Key", "General_Sort_By_Order_Code": "ORDER CODE", "General_Sort_By_Title": "TITLE", "Product_Detail_Regular_Sale_Text": "Sale Price", "General_Search_Button_Text": "SEARCH", "General_Search_Box_Default_Text": "Keyword, Title, Author, Description, Order Code", "General_Search_Match_All_Text": "Match all", "General_Change_Password_Success_Text": "Password change successful. You will be redirected to the previous page momentarily.", "General_Footer_ECL_Link": "The Essentials of Catholic Liturgy", "General_Footer_Employment_Opportunities_Link": "Employment Opportunities", "System_Maintenance_Message": "Website will be down for maintenance from 10:30PM - 11PM Central Time. Sorry for the inconvenience.", "General_Footer_ECI_Link": "The Essentials of Christian Initiation", "Product_Detail_Regular_Price_Text": "Regular Price"})' ng-cloak> <div class="row"> <div class="col-xs-12 margin-top-05"> <!--Image Carousel--> <div data-ride="carousel" class="carousel slide" id="homeImageCarousel" ng-show="config.settings.Home_Image_Carousel_Count > 0"> <div role="listbox" class="carousel-inner"> <div class="item active"> <a ng-href="{{vm.getHomeImageCarouselLink('Home_Carousel_1_Url', getCookie('ltp_locale'))}}" target="_blank"> <img lazy-src="{{config.settings.Website_Asset_Url}}/home_image_carousel/slide1_{{getCookie('ltp_locale')}}.jpg" animate-visible="true" alt="Slide Image" /> </a> </div> <div class="item"> <a ng-href="{{vm.getHomeImageCarouselLink('Home_Carousel_2_Url', getCookie('ltp_locale'))}}" target="_blank"> <img lazy-src="{{config.settings.Website_Asset_Url}}/home_image_carousel/slide2_{{getCookie('ltp_locale')}}.jpg" animate-visible="true" alt="Slide Image" /> </a> </div> <div class="item"> <a ng-href="{{vm.getHomeImageCarouselLink('Home_Carousel_3_Url', getCookie('ltp_locale'))}}" target="_blank"> <img lazy-src="{{config.settings.Website_Asset_Url}}/home_image_carousel/slide3_{{getCookie('ltp_locale')}}.jpg" animate-visible="true" alt="Slide Image" /> </a> </div> <div class="item"> <a ng-href="{{vm.getHomeImageCarouselLink('Home_Carousel_4_Url', getCookie('ltp_locale'))}}" target="_blank"> <img lazy-src="{{config.settings.Website_Asset_Url}}/home_image_carousel/slide4_{{getCookie('ltp_locale')}}.jpg" animate-visible="true" alt="Slide Image" /> </a> </div> </div> <div> <a href="#homeImageCarousel" role="button" data-slide="prev" class="left carousel-control"><i class="glyphicon glyphicon-chevron-left"></i><span class="sr-only">Previous</span></a> <a href="#homeImageCarousel" role="button" data-slide="next" class="right carousel-control"><i class="glyphicon glyphicon-chevron-right"></i><span class="sr-only">Next</span></a> </div> <ol class="carousel-indicators" ng-show="config.settings.Home_Image_Carousel_Count > 0"> <li data-target="#homeImageCarousel" data-slide-to="0" class="active"></li> <li data-target="#homeImageCarousel" data-slide-to="1"></li> <li data-target="#homeImageCarousel" data-slide-to="2"></li> <li data-target="#homeImageCarousel" data-slide-to="3"></li> </ol> </div> <!--Image Carousel--> </div> <div class="col-xs-12 margin-top-10 hero-copy"> <div class="row"> <div class="col-sm-6 col-xs-12 "> <a ng-href="{{config.settings.Home_Featured_1_Url}}" title="{{localize.Home_Feature_Description_1}}"> <img class="center-block img-responsive" lazy-src="{{config.settings.Website_Asset_Url}}/featured/image1.png" animate-visible="true" alt="{{localize.Home_Feature_Description_1}}" /> </a> <p class=" margin-top-05 hidden"> {{localize.Home_Feature_Description_1}} </p> </div> <div class="col-sm-6 col-xs-12 margin-top-10 hidden-sm visible-xs"> <a ng-href="{{config.settings.Home_Featured_2_Url}}" title="{{localize.Home_Feature_Description_2}}"> <img class="center-block img-responsive" lazy-src="{{config.settings.Website_Asset_Url}}/featured/image2.png" animate-visible="true" alt="{{localize.Home_Feature_Description_2}}" /> </a> <p class="caption margin-top-05 hidden"> {{localize.Home_Feature_Description_2}} </p> </div> <div class="col-sm-6 col-xs-12 hidden-xs visible-sm visible-md visible-lg"> <a ng-href="{{config.settings.Home_Featured_2_Url}}" title="{{localize.Home_Feature_Description_2}}"> <img class="center-block img-responsive" lazy-src="{{config.settings.Website_Asset_Url}}/featured/image2.png" animate-visible="true" alt="{{localize.Home_Feature_Description_2}}" /> </a> <p class="caption margin-top-05 hidden"> {{localize.Home_Feature_Description_2}} </p> </div> </div> </div> </div> <div class="row"> <div class="col-xs-12"> <div id="new-releases" class="col-md-6 col-lg-6 col-xs-12 margin-top-10"> <div class="new-releases-heading-container"> <div class="new-releases-color-block"></div> <span class="h4 bold">NEW RELEASES</span> </div> <div class="row row-centered"> <div class="thumbnail new-release-best-seller col-xs-5 col-centered" ng-repeat="product in vm.newReleases track by $index"> <a ng-if="product.Article" href="/products/details/{{product.Item_x0020_Code}}/{{slugify(product.Article + ' ' + product.Title)}}" title="{{product.Article + ' ' + product.Title}}"><img lazy-src="{{config.settings.Product_Image_Url}}/{{product.Item_x0020_Code}}_sm.jpg" image-error="{{config.settings.Product_Image_Url}}/imagenotavailable.jpg" animate-visible="true" alt="{{product.Article + ' ' + product.Title}}." class="img-responsive"></a> <a ng-if="!product.Article" href="/products/details/{{product.Item_x0020_Code}}/{{slugify(product.Title)}}" title="{{product.Title}}"><img lazy-src="{{config.settings.Product_Image_Url}}/{{product.Item_x0020_Code}}_sm.jpg" image-error="{{config.settings.Product_Image_Url}}/imagenotavailable.jpg" animate-visible="true" alt="{{product.Title}}." class="img-responsive"></a> <div class="caption nr-bs-caption hidden"> <p> <a ng-if="product.Article" href="/products/details/{{product.Item_x0020_Code}}/{{slugify(product.Article + ' ' + product.Title)}}" bind-html-compile="product.Article + ' ' + product.Title"></a> <a ng-if="!product.Article" href="/products/details/{{product.Item_x0020_Code}}/{{slugify(product.Title)}}" bind-html-compile="product.Title"></a> </p> </div> </div> </div> </div> <div id="best-sellers" class="col-md-6 col-lg-6 col-xs-12 margin-top-10 pull-right-home"> <div class="new-releases-heading-container"> <div class="new-releases-color-block"></div> <span class="h4 bold">BEST SELLERS</span> </div> <div class="row row-centered"> <div class="thumbnail new-release-best-seller col-xs-5 col-centered" ng-repeat="product in vm.bestSellers track by $index"> <a ng-if="product.Article" href="/products/details/{{product.Item_x0020_Code}}/{{slugify(product.Article + ' ' + product.Title)}}" title="{{product.Article + ' ' + product.Title}}"><img lazy-src="{{config.settings.Product_Image_Url}}/{{product.Item_x0020_Code}}_sm.jpg" image-error="{{config.settings.Product_Image_Url}}/imagenotavailable.jpg" animate-visible="true" alt="{{product.Article + ' ' + product.Title}}." class="img-responsive"></a> <a ng-if="!product.Article" href="/products/details/{{product.Item_x0020_Code}}/{{slugify(product.Title)}}" title="{{product.Title}}"><img lazy-src="{{config.settings.Product_Image_Url}}/{{product.Item_x0020_Code}}_sm.jpg" image-error="{{config.settings.Product_Image_Url}}/imagenotavailable.jpg" animate-visible="true" alt="{{product.Title}}." class="img-responsive"></a> <div class="caption nr-bs-caption hidden"> <p> <a ng-if="product.Article" href="/products/details/{{product.Item_x0020_Code}}/{{slugify(product.Article + ' ' + product.Title)}}" bind-html-compile="product.Article + ' ' + product.Title"></a> <a ng-if="!product.Article" href="/products/details/{{product.Item_x0020_Code}}/{{slugify(product.Title)}}" bind-html-compile="product.Title"></a> </p> </div> </div> </div> </div> </div> </div> </div> <div b-73wju9dq1z bind-html-compile="config.settings.Footer"></div> </div> <script src="/js/jquery.js?v=ckZI-SHQMKa4qytqFG49k2TtFlo"></script> <script src="/js/bootstrap.js?v=OyIRBDqfDdEiM3_6qfnoJCk60rA"></script> <script src="/js/angular.js?v=9pDpOA-0cZZT-Oh1AdIKgvjAT6g"></script> <script src="/home/settings"></script> <script src="/js/ltp.js?v=Pam5wft0wKmTbpCD9WfHDzFsaH0"></script> <script src="/js/home.js?v=lFx8OdOuBa78hgQpVU5ux6OEtD8"></script> <script type="text/javascript" src="https://portal.unityclient.com/webchat/js/webchat.js" id="WebChatClient" queueId="Queue637578196565942844@unityclient.com" StreamIdentifier="Queue637578196565942844_WebChat_637578200297420364@unityclient.com"></script> </body></html> 
