bruno_2.html 89 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190
  1. <div class="BF_productDetailsAU container" id="cc-product-details">
  2. <div class="container-pdp">
  3. <!-- ko if: product -->
  4. <!-- COLUMNA IZQUIERDA -->
  5. <div class="col-xs-12 col-lg-8 columna-izquierda">
  6. <span class="promo-img-version product-tag" data-bind="showTags: {tags: $data.product()['x_xPromocionNivel'](), tag: '1'}">
  7. <img src="/file/general/tag-oferta.png">
  8. </span>
  9. <!-- ko if: showProductImage -->
  10. <!-- SWIPER -->
  11. <!-- ko if: product().fullImageURLs().length > 0 -->
  12. <div id="product-spincar" data-bind="visible: activeImgIndex() === 'spincar'" style="display: none;"><div class="sts-spin"><iframe id="spincar360iframe" frameborder="0" src="https://spins.spincar.com/brunofritsh/srrc-95" style="width: 100%;height: 100%"></iframe></div></div>
  13. <div class="swiper noselect swiper-product-images swiper-product-pdp swiper-initialized swiper-horizontal swiper-pointer-events" data-bind="visible: activeImgIndex() !== 'spincar'">
  14. <div class="swiper-wrapper" style="transition-duration: 0ms; transform: translate3d(-750px, 0px, 0px);" id="swiper-wrapper-f139375a6886f2eb" aria-live="polite"><div class="swiper-slide swiper-slide-duplicate swiper-slide-prev" data-swiper-slide-index="22" style="width: 750px;" role="group" aria-label="23 / 23">
  15. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  16. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-14.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  17. </div>
  18. <!-- ko foreach: product().fullImageURLs -->
  19. <div class="swiper-slide swiper-slide-active" data-swiper-slide-index="0" style="width: 750px;" role="group" aria-label="1 / 23">
  20. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  21. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  22. </div>
  23. <div class="swiper-slide swiper-slide-next" data-swiper-slide-index="1" style="width: 750px;" role="group" aria-label="2 / 23">
  24. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  25. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-1.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  26. </div>
  27. <div class="swiper-slide" data-swiper-slide-index="2" style="width: 750px;" role="group" aria-label="3 / 23">
  28. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  29. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-3.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  30. </div>
  31. <div class="swiper-slide" data-swiper-slide-index="3" style="width: 750px;" role="group" aria-label="4 / 23">
  32. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  33. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-4.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  34. </div>
  35. <div class="swiper-slide" data-swiper-slide-index="4" style="width: 750px;" role="group" aria-label="5 / 23">
  36. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  37. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-6.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  38. </div>
  39. <div class="swiper-slide" data-swiper-slide-index="5" style="width: 750px;" role="group" aria-label="6 / 23">
  40. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  41. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-7.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  42. </div>
  43. <div class="swiper-slide" data-swiper-slide-index="6" style="width: 750px;" role="group" aria-label="7 / 23">
  44. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  45. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-9.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  46. </div>
  47. <div class="swiper-slide" data-swiper-slide-index="7" style="width: 750px;" role="group" aria-label="8 / 23">
  48. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  49. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-10.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  50. </div>
  51. <div class="swiper-slide" data-swiper-slide-index="8" style="width: 750px;" role="group" aria-label="9 / 23">
  52. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  53. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  54. </div>
  55. <div class="swiper-slide" data-swiper-slide-index="9" style="width: 750px;" role="group" aria-label="10 / 23">
  56. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  57. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-1.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  58. </div>
  59. <div class="swiper-slide" data-swiper-slide-index="10" style="width: 750px;" role="group" aria-label="11 / 23">
  60. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  61. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-2.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  62. </div>
  63. <div class="swiper-slide" data-swiper-slide-index="11" style="width: 750px;" role="group" aria-label="12 / 23">
  64. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  65. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-3.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  66. </div>
  67. <div class="swiper-slide" data-swiper-slide-index="12" style="width: 750px;" role="group" aria-label="13 / 23">
  68. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  69. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-4.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  70. </div>
  71. <div class="swiper-slide" data-swiper-slide-index="13" style="width: 750px;" role="group" aria-label="14 / 23">
  72. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  73. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-5.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  74. </div>
  75. <div class="swiper-slide" data-swiper-slide-index="14" style="width: 750px;" role="group" aria-label="15 / 23">
  76. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  77. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-6.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  78. </div>
  79. <div class="swiper-slide" data-swiper-slide-index="15" style="width: 750px;" role="group" aria-label="16 / 23">
  80. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  81. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-7.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  82. </div>
  83. <div class="swiper-slide" data-swiper-slide-index="16" style="width: 750px;" role="group" aria-label="17 / 23">
  84. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  85. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-8.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  86. </div>
  87. <div class="swiper-slide" data-swiper-slide-index="17" style="width: 750px;" role="group" aria-label="18 / 23">
  88. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  89. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-9.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  90. </div>
  91. <div class="swiper-slide" data-swiper-slide-index="18" style="width: 750px;" role="group" aria-label="19 / 23">
  92. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  93. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-10.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  94. </div>
  95. <div class="swiper-slide" data-swiper-slide-index="19" style="width: 750px;" role="group" aria-label="20 / 23">
  96. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  97. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-11.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  98. </div>
  99. <div class="swiper-slide" data-swiper-slide-index="20" style="width: 750px;" role="group" aria-label="21 / 23">
  100. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  101. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-12.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  102. </div>
  103. <div class="swiper-slide" data-swiper-slide-index="21" style="width: 750px;" role="group" aria-label="22 / 23">
  104. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  105. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-13.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  106. </div>
  107. <div class="swiper-slide swiper-slide-duplicate-prev" data-swiper-slide-index="22" style="width: 750px;" role="group" aria-label="23 / 23">
  108. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  109. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-14.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  110. </div>
  111. <!-- /ko -->
  112. <div class="swiper-slide swiper-slide-duplicate swiper-slide-duplicate-active" data-swiper-slide-index="0" style="width: 750px;" role="group" aria-label="1 / 23">
  113. <img class="img-responsive" style="width: 100%" data-bind="attr: {src: $data,
  114. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  115. </div></div>
  116. <!-- ko if: product().fullImageURLs().length > 1 -->
  117. <div class="swiper-button-next swiper-button-next-pdp-ppal" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-36e77e47d77d5c86"></div>
  118. <div class="swiper-button-prev swiper-button-prev-pdp-ppal" tabindex="0" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-36e77e47d77d5c86"></div>
  119. <!-- /ko -->
  120. <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
  121. <!-- /ko -->
  122. <!-- ko if: product().smallImageURLs().length > 1 -->
  123. <div class="controls-custom-thumbails">
  124. <div class="controls-custom-thumbails-desktop">
  125. <!-- ko if: showProductSpincar -->
  126. <div class="ocs-product-spincar-container">
  127. <div class="ocs-product-spincar-360-modal" id="toggle-spincar" data-bind="click: $data.loadImageToMain.bind($data, 'spincar'), css:{'active': activeImgIndex() === 'spincar'}">
  128. <img src="/file/general/360_v2.svg">
  129. </div>
  130. </div>
  131. <!-- /ko -->
  132. <div class="thumbails-section-swiper">
  133. <div thumbsslider="" class="swiper noselect swiper-product-images-thumbails swiper-product-pdp-thumbails swiper-initialized swiper-horizontal swiper-pointer-events swiper-watch-progress swiper-thumbs">
  134. <div class="swiper-wrapper" id="swiper-wrapper-f2fe587e7205b721" aria-live="polite" style="transition-duration: 0ms; transform: translate3d(0px, 0px, 0px);">
  135. <!-- ko template: { afterRender: $data.renderSwiperThumbails } -->
  136. <!-- ko foreach: product().smallImageURLs -->
  137. <div class="swiper-slide swiper-slide-visible swiper-slide-active swiper-slide-thumb-active" style="margin-right: 10px;" role="group" aria-label="1 / 23">
  138. <img data-bind="attr: {src: $data,
  139. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  140. </div>
  141. <div class="swiper-slide swiper-slide-visible swiper-slide-next" style="margin-right: 10px;" role="group" aria-label="2 / 23">
  142. <img data-bind="attr: {src: $data,
  143. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-1.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  144. </div>
  145. <div class="swiper-slide swiper-slide-visible" style="margin-right: 10px;" role="group" aria-label="3 / 23">
  146. <img data-bind="attr: {src: $data,
  147. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-3.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  148. </div>
  149. <div class="swiper-slide swiper-slide-visible" style="margin-right: 10px;" role="group" aria-label="4 / 23">
  150. <img data-bind="attr: {src: $data,
  151. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-4.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  152. </div>
  153. <div class="swiper-slide swiper-slide-visible" style="margin-right: 10px;" role="group" aria-label="5 / 23">
  154. <img data-bind="attr: {src: $data,
  155. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-6.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  156. </div>
  157. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="6 / 23">
  158. <img data-bind="attr: {src: $data,
  159. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-7.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  160. </div>
  161. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="7 / 23">
  162. <img data-bind="attr: {src: $data,
  163. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-9.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  164. </div>
  165. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="8 / 23">
  166. <img data-bind="attr: {src: $data,
  167. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-10.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  168. </div>
  169. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="9 / 23">
  170. <img data-bind="attr: {src: $data,
  171. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  172. </div>
  173. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="10 / 23">
  174. <img data-bind="attr: {src: $data,
  175. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-1.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  176. </div>
  177. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="11 / 23">
  178. <img data-bind="attr: {src: $data,
  179. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-2.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  180. </div>
  181. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="12 / 23">
  182. <img data-bind="attr: {src: $data,
  183. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-3.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  184. </div>
  185. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="13 / 23">
  186. <img data-bind="attr: {src: $data,
  187. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-4.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  188. </div>
  189. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="14 / 23">
  190. <img data-bind="attr: {src: $data,
  191. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-5.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  192. </div>
  193. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="15 / 23">
  194. <img data-bind="attr: {src: $data,
  195. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-6.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  196. </div>
  197. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="16 / 23">
  198. <img data-bind="attr: {src: $data,
  199. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-7.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  200. </div>
  201. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="17 / 23">
  202. <img data-bind="attr: {src: $data,
  203. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-8.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  204. </div>
  205. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="18 / 23">
  206. <img data-bind="attr: {src: $data,
  207. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-9.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  208. </div>
  209. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="19 / 23">
  210. <img data-bind="attr: {src: $data,
  211. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-10.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  212. </div>
  213. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="20 / 23">
  214. <img data-bind="attr: {src: $data,
  215. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-11.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  216. </div>
  217. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="21 / 23">
  218. <img data-bind="attr: {src: $data,
  219. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-12.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  220. </div>
  221. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="22 / 23">
  222. <img data-bind="attr: {src: $data,
  223. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-13.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  224. </div>
  225. <div class="swiper-slide" style="margin-right: 10px;" role="group" aria-label="23 / 23">
  226. <img data-bind="attr: {src: $data,
  227. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-14.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  228. </div>
  229. <!-- /ko -->
  230. <!-- /ko -->
  231. </div>
  232. <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
  233. <div class="swiper-control-navigation-custom">
  234. <div class="swiper-button-next swiper-button-next-pdp" tabindex="0" role="button" aria-label="Next slide" aria-controls="swiper-wrapper-f2fe587e7205b721" aria-disabled="false"></div>
  235. <div class="swiper-button-prev swiper-button-prev-pdp swiper-button-disabled" tabindex="-1" role="button" aria-label="Previous slide" aria-controls="swiper-wrapper-f2fe587e7205b721" aria-disabled="true"></div>
  236. </div>
  237. </div>
  238. </div>
  239. <!-- <div class="controls-custom-thumbails-mobile">
  240. <div class="swiper-control-navigation-custom">
  241. <div class="swiper-pagination swiper-pagination-pdp"></div>
  242. </div>
  243. </div> -->
  244. </div>
  245. <!-- /ko -->
  246. <!-- ko ifnot: product().x_b2BAveriado -->
  247. <div class="overlay-card-top hidden-xs" data-bind="visible: $widgetViewModel.showHighlyViewed(product())" style="display: none;">
  248. <div class="overlay-highly-viewed">
  249. <img src="/file/general/fire.svg" width="28px">
  250. <span>¡Ojo! Este auto ha tenido más de 50 vistas en las últimas 24 horas.</span>
  251. </div>
  252. </div>
  253. <div class="swiper-extended-controls">
  254. <div class="view-fullscreen unique-pill">
  255. <a data-toggle="modal" href="#view-fullscreen-modal">
  256. <span class="material-icons-outlined" style="font-size: 20px">open_in_full</span>
  257. </a>
  258. </div>
  259. <div class="share-product-whatsapp-mobile visible-xs">
  260. <div class="overlay-properties share-product noselect">
  261. <div class="share-product mobile visible-xs">
  262. <div class="overlay-properties-highlight-toggle" data-bind="click: $widgetViewModel.shareProductMobile">
  263. <span class="material-icons-outlined">share</span>
  264. </div>
  265. </div>
  266. </div>
  267. </div>
  268. </div>
  269. <!-- /ko -->
  270. <!-- SWIPER FULL SCREEN -->
  271. <div class="modal fade swiper-full-screen-modal" id="view-fullscreen-modal" tabindex="-1" role="dialog" aria-labelledby="view-fullscreen-modal-label" aria-hidden="true">
  272. <div class="modal-dialog">
  273. <div class="modal-content">
  274. <div class="modal-header">
  275. <button type="button" class="close" data-dismiss="modal">
  276. <span aria-hidden="true">×</span><span class="sr-only">Cerrar</span>
  277. </button>
  278. <h4 class="modal-title" id="view-fullscreen-modal-label" data-bind="text: (product().x_marca() + ' ' + product().x_modelo())">Chery TIGGO 3 PRO</h4>
  279. </div>
  280. <div class="modal-body">
  281. <div class="container-swiper-fullscreen">
  282. <div class="container-spincar-modal" data-bind="visible: activeImgIndexModal() === 'spincar'" style="display: none;">
  283. <div id="product-spincar-modal">
  284. <div class="sts-spin"></div>
  285. </div>
  286. </div>
  287. <div class="swiper noselect swiper-product-images swiper-product-modal swiper-initialized swiper-horizontal swiper-pointer-events" data-bind="visible: activeImgIndexModal() !== 'spincar'">
  288. <div class="swiper-wrapper" style="transition-duration: 0ms;" id="swiper-wrapper-36e77e47d77d5c86" aria-live="polite"><div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="22">
  289. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  290. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-14.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  291. </div>
  292. <!-- ko if: product().fullImageURLs().length > 0 -->
  293. <!-- ko foreach: product().fullImageURLs -->
  294. <div class="swiper-slide" data-swiper-slide-index="0">
  295. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  296. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  297. </div>
  298. <div class="swiper-slide" data-swiper-slide-index="1">
  299. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  300. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-1.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  301. </div>
  302. <div class="swiper-slide" data-swiper-slide-index="2">
  303. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  304. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-3.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  305. </div>
  306. <div class="swiper-slide" data-swiper-slide-index="3">
  307. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  308. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-4.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  309. </div>
  310. <div class="swiper-slide" data-swiper-slide-index="4">
  311. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  312. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-6.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  313. </div>
  314. <div class="swiper-slide" data-swiper-slide-index="5">
  315. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  316. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-7.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  317. </div>
  318. <div class="swiper-slide" data-swiper-slide-index="6">
  319. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  320. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-9.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  321. </div>
  322. <div class="swiper-slide" data-swiper-slide-index="7">
  323. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  324. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-10.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  325. </div>
  326. <div class="swiper-slide" data-swiper-slide-index="8">
  327. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  328. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  329. </div>
  330. <div class="swiper-slide" data-swiper-slide-index="9">
  331. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  332. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-1.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  333. </div>
  334. <div class="swiper-slide" data-swiper-slide-index="10">
  335. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  336. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-2.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  337. </div>
  338. <div class="swiper-slide" data-swiper-slide-index="11">
  339. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  340. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-3.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  341. </div>
  342. <div class="swiper-slide" data-swiper-slide-index="12">
  343. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  344. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-4.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  345. </div>
  346. <div class="swiper-slide" data-swiper-slide-index="13">
  347. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  348. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-5.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  349. </div>
  350. <div class="swiper-slide" data-swiper-slide-index="14">
  351. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  352. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-6.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  353. </div>
  354. <div class="swiper-slide" data-swiper-slide-index="15">
  355. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  356. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-7.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  357. </div>
  358. <div class="swiper-slide" data-swiper-slide-index="16">
  359. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  360. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-8.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  361. </div>
  362. <div class="swiper-slide" data-swiper-slide-index="17">
  363. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  364. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-9.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  365. </div>
  366. <div class="swiper-slide" data-swiper-slide-index="18">
  367. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  368. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-10.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  369. </div>
  370. <div class="swiper-slide" data-swiper-slide-index="19">
  371. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  372. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-11.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  373. </div>
  374. <div class="swiper-slide" data-swiper-slide-index="20">
  375. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  376. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-12.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  377. </div>
  378. <div class="swiper-slide" data-swiper-slide-index="21">
  379. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  380. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-13.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  381. </div>
  382. <div class="swiper-slide" data-swiper-slide-index="22">
  383. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  384. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-14.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  385. </div>
  386. <!-- /ko -->
  387. <!-- /ko -->
  388. <div class="swiper-slide swiper-slide-duplicate" data-swiper-slide-index="0">
  389. <img class="img-responsive img-fullview" data-bind="attr: {src: $data,
  390. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  391. </div></div>
  392. <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
  393. <!-- ko if: product().smallImageURLs().length > 1 -->
  394. <div class="controls-custom-thumbails">
  395. <div class="controls-custom-thumbails-desktop">
  396. <div class="swiper swiper-product-images-thumbails swiper-thumbails-modal swiper-initialized swiper-vertical swiper-pointer-events swiper-free-mode">
  397. <div class="swiper-wrapper" style="transition-duration: 300ms;" id="swiper-wrapper-f8e20356bc3a911e" aria-live="polite">
  398. <div class="swiper-slide">
  399. <!-- ko if: showProductSpincar -->
  400. <div class="ocs-product-spincar-container">
  401. <div class="ocs-product-spincar-360-modal" id="toggle-spincar" data-bind="click: $data.loadImageToMain.bind($data, 'spincar'), css:{'active': activeImgIndexModal() === 'spincar'}">
  402. <img src="/file/general/360_v2.svg">
  403. </div>
  404. </div>
  405. <!-- /ko -->
  406. <!-- ko template: { afterRender: $data.renderSwiperThumbailsModal } -->
  407. <!-- ko foreach: product().smallImageURLs -->
  408. <div class="thumbail-modal-pdp active" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  409. <img class="img-responsive" data-bind="attr: {src: $data,
  410. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  411. </div>
  412. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  413. <img class="img-responsive" data-bind="attr: {src: $data,
  414. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-1.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  415. </div>
  416. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  417. <img class="img-responsive" data-bind="attr: {src: $data,
  418. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-3.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  419. </div>
  420. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  421. <img class="img-responsive" data-bind="attr: {src: $data,
  422. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-4.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  423. </div>
  424. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  425. <img class="img-responsive" data-bind="attr: {src: $data,
  426. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-6.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  427. </div>
  428. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  429. <img class="img-responsive" data-bind="attr: {src: $data,
  430. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-7.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  431. </div>
  432. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  433. <img class="img-responsive" data-bind="attr: {src: $data,
  434. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-9.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  435. </div>
  436. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  437. <img class="img-responsive" data-bind="attr: {src: $data,
  438. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-10.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  439. </div>
  440. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  441. <img class="img-responsive" data-bind="attr: {src: $data,
  442. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-0.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  443. </div>
  444. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  445. <img class="img-responsive" data-bind="attr: {src: $data,
  446. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-1.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  447. </div>
  448. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  449. <img class="img-responsive" data-bind="attr: {src: $data,
  450. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-2.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  451. </div>
  452. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  453. <img class="img-responsive" data-bind="attr: {src: $data,
  454. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-3.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  455. </div>
  456. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  457. <img class="img-responsive" data-bind="attr: {src: $data,
  458. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-4.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  459. </div>
  460. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  461. <img class="img-responsive" data-bind="attr: {src: $data,
  462. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-5.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  463. </div>
  464. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  465. <img class="img-responsive" data-bind="attr: {src: $data,
  466. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-6.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  467. </div>
  468. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  469. <img class="img-responsive" data-bind="attr: {src: $data,
  470. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-7.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  471. </div>
  472. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  473. <img class="img-responsive" data-bind="attr: {src: $data,
  474. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-8.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  475. </div>
  476. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  477. <img class="img-responsive" data-bind="attr: {src: $data,
  478. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-9.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  479. </div>
  480. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  481. <img class="img-responsive" data-bind="attr: {src: $data,
  482. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-10.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  483. </div>
  484. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  485. <img class="img-responsive" data-bind="attr: {src: $data,
  486. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-11.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  487. </div>
  488. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  489. <img class="img-responsive" data-bind="attr: {src: $data,
  490. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-12.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  491. </div>
  492. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  493. <img class="img-responsive" data-bind="attr: {src: $data,
  494. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-13.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  495. </div>
  496. <div class="thumbail-modal-pdp" data-bind="click: $parent.goToSwiperIndex.bind($parent, $index(), $element), css: {'active': (($parent.activeImgIndexModal() - 1) == $index())}">
  497. <img class="img-responsive" data-bind="attr: {src: $data,
  498. alt: $parent.product().displayName}" onerror="this.onError=null;this.src='/img/no-image.jpg';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-14.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT">
  499. </div>
  500. <!-- /ko -->
  501. <!-- /ko -->
  502. </div>
  503. </div>
  504. <div class="swiper-scrollbar swiper-scrollbar-modal swiper-scrollbar-vertical"><div class="swiper-scrollbar-drag" style="transition-duration: 300ms;"></div></div>
  505. <span class="swiper-notification" aria-live="assertive" aria-atomic="true"></span></div>
  506. </div>
  507. </div>
  508. <!-- /ko -->
  509. </div>
  510. </div>
  511. </div>
  512. </div>
  513. </div>
  514. <!-- FIN SWIPER FULL SCREEN -->
  515. <!-- FIN SWIPER -->
  516. <!-- /ko -->
  517. </div>
  518. <!-- FIN COLUMNA IZQUIERDA -->
  519. <!-- Modal-->
  520. <div class="modal fade" id="bf_view_360_car" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  521. <div class="modal-dialog">
  522. <div class="modal-content">
  523. <div class="modal-header">
  524. <button type="button" class="close" data-dismiss="modal">
  525. <span aria-hidden="true">×</span><span class="sr-only">Cerrar</span>
  526. </button>
  527. </div>
  528. <div class="modal-body">
  529. <div class="modal-product-images">
  530. <div class="cc-image-area">
  531. <div id="image-viewer-modal" class="image-viewer-modal">
  532. <div id="product-spincar-modal" data-bind="visible: activeImgIndex() === 'spincar'" style="display: none;">
  533. <div class="sts-spin"></div>
  534. </div>
  535. <img class="ccz-small img-responsive" data-bind="visible: activeImgIndex() !== 'spincar',attr: {src:product().largeImageURLs()[activeImgIndex()], alt: product().displayName(), title: product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-1.jpg" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  536. </div>
  537. </div>
  538. <div class="modal-product-images-thumbails">
  539. <!-- ko if: showProductSpincar -->
  540. <div class="modal-btn-spincar" data-bind="click: $data.loadImageToMain.bind($data, 'spincar'), css: {'active': $data.activeImgIndex() == 'spincar'}">
  541. <img src="/file/general/360_v2.svg">
  542. </div>
  543. <!-- /ko -->
  544. <!-- ko foreach: product().smallImageURLs -->
  545. <div class="modal-product-images-thumbail">
  546. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  547. attr: {id: 'carouselLink'+ $index()},
  548. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink0">
  549. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  550. alt: $parent.product().displayName(),
  551. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-0.jpg" id="carouselImg0" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  552. </div>
  553. </div>
  554. <div class="modal-product-images-thumbail">
  555. <div class="thumbnail active" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  556. attr: {id: 'carouselLink'+ $index()},
  557. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink1">
  558. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  559. alt: $parent.product().displayName(),
  560. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-1.jpg" id="carouselImg1" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  561. </div>
  562. </div>
  563. <div class="modal-product-images-thumbail">
  564. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  565. attr: {id: 'carouselLink'+ $index()},
  566. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink2">
  567. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  568. alt: $parent.product().displayName(),
  569. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-3.jpg" id="carouselImg2" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  570. </div>
  571. </div>
  572. <div class="modal-product-images-thumbail">
  573. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  574. attr: {id: 'carouselLink'+ $index()},
  575. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink3">
  576. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  577. alt: $parent.product().displayName(),
  578. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-4.jpg" id="carouselImg3" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  579. </div>
  580. </div>
  581. <div class="modal-product-images-thumbail">
  582. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  583. attr: {id: 'carouselLink'+ $index()},
  584. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink4">
  585. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  586. alt: $parent.product().displayName(),
  587. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-6.jpg" id="carouselImg4" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  588. </div>
  589. </div>
  590. <div class="modal-product-images-thumbail">
  591. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  592. attr: {id: 'carouselLink'+ $index()},
  593. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink5">
  594. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  595. alt: $parent.product().displayName(),
  596. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-7.jpg" id="carouselImg5" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  597. </div>
  598. </div>
  599. <div class="modal-product-images-thumbail">
  600. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  601. attr: {id: 'carouselLink'+ $index()},
  602. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink6">
  603. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  604. alt: $parent.product().displayName(),
  605. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-9.jpg" id="carouselImg6" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  606. </div>
  607. </div>
  608. <div class="modal-product-images-thumbail">
  609. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  610. attr: {id: 'carouselLink'+ $index()},
  611. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink7">
  612. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  613. alt: $parent.product().displayName(),
  614. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/ec/0-10.jpg" id="carouselImg7" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  615. </div>
  616. </div>
  617. <div class="modal-product-images-thumbail">
  618. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  619. attr: {id: 'carouselLink'+ $index()},
  620. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink8">
  621. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  622. alt: $parent.product().displayName(),
  623. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-0.jpg" id="carouselImg8" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  624. </div>
  625. </div>
  626. <div class="modal-product-images-thumbail">
  627. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  628. attr: {id: 'carouselLink'+ $index()},
  629. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink9">
  630. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  631. alt: $parent.product().displayName(),
  632. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-1.jpg" id="carouselImg9" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  633. </div>
  634. </div>
  635. <div class="modal-product-images-thumbail">
  636. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  637. attr: {id: 'carouselLink'+ $index()},
  638. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink10">
  639. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  640. alt: $parent.product().displayName(),
  641. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-2.jpg" id="carouselImg10" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  642. </div>
  643. </div>
  644. <div class="modal-product-images-thumbail">
  645. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  646. attr: {id: 'carouselLink'+ $index()},
  647. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink11">
  648. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  649. alt: $parent.product().displayName(),
  650. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-3.jpg" id="carouselImg11" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  651. </div>
  652. </div>
  653. <div class="modal-product-images-thumbail">
  654. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  655. attr: {id: 'carouselLink'+ $index()},
  656. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink12">
  657. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  658. alt: $parent.product().displayName(),
  659. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-4.jpg" id="carouselImg12" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  660. </div>
  661. </div>
  662. <div class="modal-product-images-thumbail">
  663. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  664. attr: {id: 'carouselLink'+ $index()},
  665. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink13">
  666. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  667. alt: $parent.product().displayName(),
  668. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-5.jpg" id="carouselImg13" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  669. </div>
  670. </div>
  671. <div class="modal-product-images-thumbail">
  672. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  673. attr: {id: 'carouselLink'+ $index()},
  674. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink14">
  675. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  676. alt: $parent.product().displayName(),
  677. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-6.jpg" id="carouselImg14" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  678. </div>
  679. </div>
  680. <div class="modal-product-images-thumbail">
  681. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  682. attr: {id: 'carouselLink'+ $index()},
  683. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink15">
  684. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  685. alt: $parent.product().displayName(),
  686. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-7.jpg" id="carouselImg15" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  687. </div>
  688. </div>
  689. <div class="modal-product-images-thumbail">
  690. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  691. attr: {id: 'carouselLink'+ $index()},
  692. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink16">
  693. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  694. alt: $parent.product().displayName(),
  695. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-8.jpg" id="carouselImg16" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  696. </div>
  697. </div>
  698. <div class="modal-product-images-thumbail">
  699. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  700. attr: {id: 'carouselLink'+ $index()},
  701. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink17">
  702. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  703. alt: $parent.product().displayName(),
  704. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-9.jpg" id="carouselImg17" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  705. </div>
  706. </div>
  707. <div class="modal-product-images-thumbail">
  708. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  709. attr: {id: 'carouselLink'+ $index()},
  710. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink18">
  711. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  712. alt: $parent.product().displayName(),
  713. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-10.jpg" id="carouselImg18" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  714. </div>
  715. </div>
  716. <div class="modal-product-images-thumbail">
  717. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  718. attr: {id: 'carouselLink'+ $index()},
  719. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink19">
  720. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  721. alt: $parent.product().displayName(),
  722. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-11.jpg" id="carouselImg19" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  723. </div>
  724. </div>
  725. <div class="modal-product-images-thumbail">
  726. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  727. attr: {id: 'carouselLink'+ $index()},
  728. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink20">
  729. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  730. alt: $parent.product().displayName(),
  731. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-12.jpg" id="carouselImg20" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  732. </div>
  733. </div>
  734. <div class="modal-product-images-thumbail">
  735. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  736. attr: {id: 'carouselLink'+ $index()},
  737. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink21">
  738. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  739. alt: $parent.product().displayName(),
  740. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-13.jpg" id="carouselImg21" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  741. </div>
  742. </div>
  743. <div class="modal-product-images-thumbail">
  744. <div class="thumbnail" data-bind="click: $parent.loadImageToMain.bind($parent, $index()),
  745. attr: {id: 'carouselLink'+ $index()},
  746. css: {'active': $parent.activeImgIndex() == $index()}" id="carouselLink22">
  747. <img class="noselect" data-bind="attr: {src: $data, id: 'carouselImg'+ $index(),
  748. alt: $parent.product().displayName(),
  749. title: $parent.product().displayName()}" onerror="this.onError=null;this.src='/file/general/noimage.png';" draggable="false" src="https://cdn.impel.io/swipetospin-viewers/brunofritsh/srrc-95/20240216212500.UMEKZVBI/closeups/cu-14.jpg" id="carouselImg22" alt="TIGGO 3 PRO GLX 1.5 AUT" title="TIGGO 3 PRO GLX 1.5 AUT">
  750. </div>
  751. </div>
  752. <!-- /ko -->
  753. </div>
  754. </div>
  755. </div>
  756. </div>
  757. </div>
  758. </div>
  759. <!-- COLUMNA DERECHA -->
  760. <div class="col-xs-12 col-lg-4">
  761. <div class="content-viewed visible-xs" data-bind="with: product">
  762. <div class="overlay-highly-viewed-mobile" data-bind="visible: $widgetViewModel.showHighlyViewed($data)" style="display: none;">
  763. <img src="/file/general/fire.svg" width="25px">
  764. <span>¡Ojo! Este auto ha tenido más de 50 vistas en las últimas 24 horas.</span>
  765. </div>
  766. </div>
  767. <div class="columna-derecha">
  768. <!-- TITULO DEL PRODUCTO -->
  769. <div class="ocs-product-title" data-bind="with: product">
  770. <div class="ocs-product-title-content">
  771. <div class="ff-modelo-flex" style="display: flex; align-items: center">
  772. <div class="ff-modelo">
  773. <span class="ocs-product-name" data-bind="text: x_marca">Chery</span>
  774. <span class="ocs-product-name" data-bind="text: x_modelo">TIGGO 3 PRO</span>
  775. </div>
  776. <!-- ko ifnot: $data['x_b2BAveriado'] -->
  777. <div class="share-product-whatsapp" style="margin-left: auto; z-index: 5">
  778. <div class="overlay-properties noselect">
  779. <div class="share-product share-desktop hidden-xs dropdown">
  780. <div class="overlay-properties-highlight-toggle dropdown-toggle" data-toggle="dropdown">
  781. <span class="material-icons-outlined">share</span>
  782. </div>
  783. <div class="overlay-properties-highlight-additional dropdown-menu">
  784. <div class="overlay-properties-highlight-additional-item" title="Compartir en whatsapp">
  785. <a target="_blank" data-bind="attr: {href: 'https://api.whatsapp.com/send?text=Mira este '+displayName()+ ' en Bruno Fritsch '+ $masterViewModel.canonicalRoute()}" href="https://api.whatsapp.com/send?text=Mira este TIGGO 3 PRO GLX 1.5 AUT en Bruno Fritsch https://www.brunofritsch.cl/automovil-usado/chery/tiggo-3-pro-glx-15-aut/SRRC-95">
  786. <img class="icon-shared-whatsapp" src="/file/general/icon-whatsapp-share.svg" alt="icon Único Dueño">
  787. </a>
  788. </div>
  789. <div class="overlay-properties-highlight-additional-item" title="copiar URL">
  790. <div data-bind="click: function(){navigator.clipboard.writeText($masterViewModel.canonicalRoute());}">
  791. <span id="copiado" class="material-icons-outlined">content_copy</span><br>
  792. </div>
  793. </div>
  794. </div>
  795. </div>
  796. </div>
  797. </div>
  798. <!-- /ko -->
  799. </div>
  800. <div class="ff-version">
  801. <span class="ocs-product-name" data-bind="text: x_version">1.5T GLX CVT AT 5P</span>
  802. </div>
  803. </div>
  804. </div>
  805. <!-- FIN TITULO DEL PRODUCTO -->
  806. <div class="overlay-properties noselect" data-bind="onRender: populateHighlightProperties">
  807. <!-- ko if: $data.product().highlightProperties().length > 0 -->
  808. <!-- ko with: $data.product().highlightProperties()[0] -->
  809. <!-- ko if: $data.hasOwnProperty('highlightTag') --><!-- /ko -->
  810. <!-- ko ifnot: $data.hasOwnProperty('highlightTag') -->
  811. <div class="overlay-property-highlight">
  812. <!-- ko if: $data.hasOwnProperty('icon') -->
  813. <img data-bind="attr:{ src: icon, alt: 'icon ' + label}" src="/file/general/icon_garantia.svg" alt="icon Garantía de Fábrica">
  814. <!-- /ko -->
  815. <span data-bind="text: label">Garantía de Fábrica</span>
  816. </div>
  817. <!-- /ko -->
  818. <!-- /ko -->
  819. <!-- ko if: $data.product().highlightProperties().length == 2 -->
  820. <!-- ko with: $data.product().highlightProperties()[1] -->
  821. <div class="overlay-property-highlight">
  822. <!-- ko if: $data.hasOwnProperty('icon') -->
  823. <img data-bind="attr:{ src: icon, alt: 'icon ' + label}" src="/file/general/icon_kilometraje.svg" alt="icon Pocos Kilómetros">
  824. <!-- /ko -->
  825. <span data-bind="text: label">Pocos Kilómetros</span>
  826. </div>
  827. <!-- /ko -->
  828. <!-- /ko -->
  829. <!-- ko if: $data.product().highlightProperties().length > 2 --><!-- /ko -->
  830. <!-- /ko -->
  831. </div>
  832. <!-- AÑO DE AUTO -->
  833. <div class="ff-product-detail">
  834. <span class="ocs-product-detail-data" data-bind="text: $data.product().x_agno">2023</span> |
  835. <!-- FIN AÑO DE AUTO -->
  836. <!-- KILOMETRAJE DE AUTO -->
  837. <span id="formatkmauto" class="ocs-product-detail-data" data-bind="text: $data.product().x_kilometraje">9.735</span>
  838. <span>km</span> |
  839. <!-- FIN KILOMETRAJE DE AUTO -->
  840. <!-- COMBUSTIBLE DE AUTO -->
  841. <span class="ocs-product-detail-data" data-bind="text: $data.product().x_combustible">Gasolina</span> |
  842. <!-- FIN COMBUSTIBLE DE AUTO -->
  843. <!-- TRASMISION DE AUTO -->
  844. <span class="ocs-product-detail-data" data-bind="text: $data.product().x_transmision">Automática</span>
  845. </div>
  846. <!-- FIN TRASMISION DE AUTO -->
  847. <!-- INICIO PRECIOS - SE VALIDA SI ES AUTO CYBER O NO-->
  848. <!-- ko with: product -->
  849. <!-- ko if: $data['x_xPromocionNivel']()[0] == '1' --><!-- /ko -->
  850. <!-- /ko -->
  851. <!-- ko with: product -->
  852. <!-- ko ifnot: $data['x_xPromocionNivel']()[0] == '1' -->
  853. <div class="ff-product-prices" data-bind="visible: $parent.showPrices">
  854. <!-- ko if: allPrices -->
  855. <!-- ko with: allPrices -->
  856. <div class="ocs-product-price ocs-product-financing-bonus" role="alert" data-bind="visible: $data[$widgetViewModel.getPriceGroupName('financiadoConvencional')]>0 &amp;&amp;
  857. $data[$widgetViewModel.getPriceGroupName('financiadoConvencional')] != $data[$widgetViewModel.getPriceGroupName('lista')] ">
  858. <span class="ocs-product-price-label">Precio con bono Bestfin</span>
  859. <span type="button" class="ocs-info-tooltip btn btn-secondary" data-toggle="tooltip" data-placement="right" title="" data-bind="onRender: $widgetViewModel.initTooltip()" aria-label="tooltip precio financiamiento convencional" data-original-title="Precio con financiamiento">
  860. <div class="ocs-info-icon ocs-brand-color">
  861. <span class="material-icons-outlined">info</span>
  862. </div>
  863. </span>
  864. <!--<span id="auto-en-pago" data-bind="visible: $widgetViewModel.autoenpagovis()">
  865. <a href="#auto-en-pago-anchor"> o Auto en pago</a>
  866. </span><br>-->
  867. <span class="ocs-product-price-amount ocs-lower-price ocs-brand-color" data-bind="currency: {price: $data[$widgetViewModel.getPriceGroupName('financiadoConvencional')], currencyObj: $widgetViewModel.site().selectedPriceListGroup().currency, nullReplace: $widgetViewModel.priceUnavailableText(), prependNull: false},
  868. css: { 'ocs-brand-color': ($widgetViewModel.lowerActivepgFinanciadoConvencional() &amp;&amp; $parent['x_xPromocionNivel']()[0] != '1'), 'promo-cyber-color': ($widgetViewModel.lowerActivepgFinanciadoConvencional() &amp;&amp; $parent['x_xPromocionNivel']()[0] == '1')}" aria-atomic="true" aria-live="polite">$13.990.000</span><br>
  869. <!--<span class="ocs-product-price-label-credit">Cuota desde $XX mensuales</span>-->
  870. </div>
  871. <div class="ocs-product-price ocs-product-listprice" role="alert">
  872. <span property="schema:price" class="ocs-product-price-label" data-bind="widgetLocaleText: 'Precio lista'">Precio lista</span><br>
  873. <span typeof="schema:Offer" class="ocs-product-price-amount" data-bind="currency: {price: $data[$widgetViewModel.getPriceGroupName('lista')], currencyObj: $widgetViewModel.site().selectedPriceListGroup().currency, nullReplace: $widgetViewModel.priceUnavailableText(), prependNull: false}, css: { 'ocs-lower-price ocs-brand-color': $widgetViewModel.lowerActivepgPrecioLista()}" aria-atomic="true" aria-live="polite">$14.390.000</span>
  874. </div>
  875. <!-- /ko -->
  876. <!-- /ko -->
  877. </div>
  878. <!-- ko ifnot: $data['x_b2BAveriado'] -->
  879. <!-- ko if: x_cuotaDesde() && $parent.showFinancing -->
  880. <div class="price-cuota-desde">
  881. <span class="ocs-product-price-label">Cuotas desde</span>
  882. <span class="ocs-product-price-amount ocs-lower-price ocs-brand-color" data-bind="currency: {price: x_cuotaDesde(), currencyObj: $widgetViewModel.site().selectedPriceListGroup().currency, nullReplace: $widgetViewModel.priceUnavailableText(), prependNull: false}" aria-atomic="true" aria-live="polite">$316.608</span>
  883. <span type="button" class="ocs-info-tooltip btn btn-secondary" data-toggle="tooltip" data-placement="right" data-bind="attr:{title: $parent.tooltipCuota}" aria-label="tooltip cuota" title="" data-original-title="Cuota calculada con Crédito Inteligente, Pie del 40%, 36 Cuotas + Cuota 37.">
  884. <div class="ocs-info-icon ocs-brand-color">
  885. <span class="material-icons-outlined">info</span>
  886. </div>
  887. </span>
  888. </div>
  889. <!-- /ko -->
  890. <!-- /ko -->
  891. <!-- /ko -->
  892. <!-- /ko -->
  893. <!-- FIN PRECIOS -->
  894. <!--<div class="col-md-12 col-xs-12 visible-xs espacio-top"><img src="/file/collections/img-cyber-version-1.png" style="width:100%"></div>-->
  895. <!-- BOTONES DESKTOP-->
  896. <!-- ko ifnot: $data.product()['x_b2BAveriado'] -->
  897. <div class="col-xs-12 col-md-12 ff-container-buttons">
  898. <!-- ko if: showFinancing -->
  899. <div class="ff-wrapper-financing">
  900. <button class="cc-fin-pdp btn-car-financing" data-bind="click: $widgetViewModel.financiarClickLink.bind($data.displayName())">
  901. <span class="title-car-financing">Financia este auto con Bestfin®</span>
  902. <span class="material-icons-outlined">arrow_forward</span>
  903. </button>
  904. <span type="button" class="ocs-info-tooltip btn btn-secondary" data-toggle="tooltip" data-placement="bottom" title="" aria-label="tooltip precio financiamiento convencional" data-original-title="Condiciones Financiamiento BestFin: mínimo 24 cuotas, máximo 50% de pie. Crédito otorgado por Forum Servicios Financieros">
  905. <div class="ocs-info-icon promo-cyber-color">
  906. <span class="material-icons-outlined">info</span>
  907. </div>
  908. </span>
  909. </div>
  910. <!-- /ko -->
  911. <div class="ff-wrapper-buttons">
  912. <!-- ko if: $data.product()['x_xPromocionNivel']()[0] != '1' -->
  913. <button class="cc-button ocs-brand-background-color ripple" data-bind="click: $widgetViewModel.cotizarClickLink.bind($data.displayName()), visible: $data.isVisibleCotizar">
  914. COTIZAR
  915. </button>
  916. <!-- /ko -->
  917. <!-- ko if: $widgetViewModel.reservarButton() --><!-- /ko -->
  918. </div>
  919. </div>
  920. <!-- /ko -->
  921. <!-- ko if: $data.product()['x_b2BAveriado'] --><!-- /ko -->
  922. <!-- FIN BOTONES DESKTOP-->
  923. <!-- BENEFICIO CAMBIO -->
  924. <!-- ko ifnot: $data.product()['x_b2BAveriado'] -->
  925. <div class="beneficio-cambio">
  926. <div class="beneficio-cambio-logo">
  927. <img src="/file/general/icon_cambio_verde.svg" alt="cambio logo">
  928. </div>
  929. <div class="beneficio-cambio-text">Si no te gusta, te lo cambiamos</div>
  930. <div class="beneficio-cambio-link">
  931. <a href="#" data-bind="click: function () {$('html,body').animate({scrollTop: $('#x_BannerSiNoTeGustaAU').offset().top},'slow');}">Ver más</a>
  932. </div>
  933. </div>
  934. <!-- /ko -->
  935. <!-- FIN BENEFICIO CAMBIO -->
  936. <!-- GARANTIAS AU -->
  937. <!-- ko ifnot: product().x_b2BAveriado -->
  938. <div class="garantia-clasificaciones-content garantias-pdp" data-bind="visible: ($data.product().x_tipoDeGaranta() &amp;&amp; ($data.product().x_tipoDeGaranta() == 'A' || $data.product().x_tipoDeGaranta() == 'B'|| $data.product().x_tipoDeGaranta() == 'C' || $data.product().x_tipoDeGaranta() == 'D'))">
  939. <div class="garantias-pdp-title-content">
  940. <div class="garantias-pdp-title-logo">
  941. <img src="/file/general/icon_garantia_mecanica_verde.svg" alt="logo cobertura mecanica">
  942. </div>
  943. <div class="garantias-pdp-title">Cobertura mecánica gratis</div>
  944. <div class="garantia-showMore">
  945. <a href="#" data-bind="click: function () {$('html,body').animate({scrollTop: $('#garantia-pdp-showMore').offset().top},'slow');}">Ver más</a>
  946. </div>
  947. </div>
  948. </div>
  949. <!-- /ko -->
  950. <!-- FIN GARANTIAS AU -->
  951. <!-- BENEFICIO CHEQUEADO POR EXPERTOS -->
  952. <!-- ko ifnot: $data.product()['x_b2BAveriado'] -->
  953. <div class="beneficio-cambio">
  954. <div class="beneficio-cambio-logo">
  955. <img src="/file/general/icon_chequeado_experto_verde.svg" alt="chequeado por expertos logo">
  956. </div>
  957. <div class="beneficio-cambio-text">Chequeado por expertos</div>
  958. </div>
  959. <!-- /ko -->
  960. <!-- FIN BENEFICIO CHEQUEADO POR EXPERTOS -->
  961. <!-- LOCATION DEL PRODUCTO-->
  962. <div class="location-container" data-bind="visible: $data.product().x_Ubicacion_Fisica() !== 'Pronto Disponible'">
  963. <div class="section-location col-xs-12 col-md-12">
  964. <span class="material-icons-outlined">place</span>
  965. <div data-bind="with: product">
  966. <span class="disclaimer title">
  967. <!-- ko if: $widgetViewModel.reservarButton() && $widgetViewModel.isVisibleReservarButton() --><!-- /ko -->
  968. <!-- ko if: !$widgetViewModel.reservarButton() -->
  969. Conócelo en:
  970. <!-- /ko -->
  971. </span>
  972. <span class="disclaimer" data-bind="text: x_Ubicacion_Fisica() ? x_Ubicacion_Fisica().split(',')[0] + ',' : x_Ubicacion_Fisica()">Gómez Carreño 3309,</span>
  973. <span class="disclaimer" data-bind="text: x_Ubicacion_Fisica() ? x_Ubicacion_Fisica().split(',')[1] : x_Ubicacion_Fisica()"> Talcahuano - Concepción</span>
  974. </div>
  975. </div>
  976. <span class="material-icons-outlined info" data-toggle="modal" data-target="#myModal">info</span>
  977. </div>
  978. <!--ko if: $data.sucursal()-->
  979. <div class="section-location-info modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-bind="with: sucursal">
  980. <div class="modal-dialog" role="document">
  981. <div class="modal-content">
  982. <div class="modal-header">
  983. <button type="button" class="close" data-dismiss="modal" aria-label="Close">
  984. <span class="material-icons-outlined"> close </span>
  985. </button>
  986. </div>
  987. <div class="modal-body">
  988. <div>
  989. <h4 data-bind="text: titulo_sucursal">Autos Usados Talcahuano</h4>
  990. <h5 data-bind="text: $parent.product().x_Ubicacion_Fisica() ? $parent.product().x_Ubicacion_Fisica().split(',')[0] + ',' : $parent.product().x_Ubicacion_Fisica()">Gómez Carreño 3309,</h5>
  991. <h5 data-bind="text: $parent.product().x_Ubicacion_Fisica() ? $parent.product().x_Ubicacion_Fisica().split(',')[1] : $parent.product().x_Ubicacion_Fisica()"> Talcahuano - Concepción</h5>
  992. <div class="schedule">
  993. <div>
  994. <span>Lunes a viernes: </span><span data-bind="text: ventas_lunes_viernes">9:00 a 19:00</span>
  995. </div>
  996. <div><span>Sabado: </span><span data-bind="text: ventas_sabado">9:30 a 14:00</span></div>
  997. <div><span>Domingo: </span><span data-bind="text: ventas_domingo">Cerrado</span></div>
  998. <a target="_blank" class="whatsapp-container" data-bind="attr: {href:'https://api.whatsapp.com/send/?phone=56934525300&amp;text=Hola,%20escribo%20por%20la%20sucursal%20'+ $data.titulo_sucursal.replace(/\s/g, '%20') + '&amp;type=phone_number&amp;app_absent=0'}" href="https://api.whatsapp.com/send/?phone=56934525300&amp;text=Hola,%20escribo%20por%20la%20sucursal%20Autos%20Usados%20Talcahuano&amp;type=phone_number&amp;app_absent=0">
  999. <div>
  1000. <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 200 200" style="enable-background: new 0 0 200 200" xml:space="preserve">
  1001. <g>
  1002. <g>
  1003. <path class="st0" d="M100.1,0c44.8-0.1,84.8,30.6,96,74.5c1.5,5.7,2.4,11.5,2.8,17.4c1.8,34.4-10.5,62.8-37.1,84.7
  1004. c-12.8,10.5-27.5,17-43.8,20c-6.9,1.2-13.8,1.8-20.7,1.6c-13.6-0.5-26.6-3.5-39-9.2c-0.7-0.3-1.7-0.4-2.4-0.3
  1005. c-16.7,3.7-33.4,7.4-50,11.1c-1.3,0.3-1.5,0-1.3-1.3c1.4-8.5,2.8-17,4.3-25.5c1.4-8.4,2.9-16.8,4.2-25.3c0.1-0.6,0-1.3-0.3-1.8
  1006. c-4.7-8.8-8.1-18.1-9.9-28c-0.8-4.3-1.3-8.6-1.6-12.9c-0.3-4.6-0.3-9.2,0-13.7c0.8-11.7,3.6-23,8.7-33.6
  1007. C23.8,29.1,46.1,10.5,77.1,2.8c5-1.2,10.2-1.7,15.3-2.3C95,0.1,97.5,0.1,100.1,0z M24.2,178.9c0.6-0.1,0.9-0.1,1.2-0.2
  1008. c10.9-2.6,21.8-5.1,32.7-7.7c1.1-0.3,2-0.1,3,0.4c11.3,6.1,23.4,9.4,36.3,9.9c7.4,0.3,14.8-0.5,22-2.3
  1009. c17.7-4.4,32.5-13.5,44.1-27.7c14.9-18.2,20.8-39.1,18.2-62.4c-1.1-10.1-4.1-19.8-9.2-28.6c-15.9-27.8-40-42.2-72-43.3
  1010. c-5.3-0.2-10.7,0.5-15.9,1.5C67.6,21.9,53,29.8,41,42.4C26.6,57.3,19,75.2,18,95.7c-0.4,7.3,0.4,14.6,2,21.8c2,8.8,5.4,17,10,24.7
  1011. c0.3,0.5,0.6,1.1,0.5,1.6c-1.4,8-2.9,15.9-4.3,23.9C25.6,171.4,24.9,175,24.2,178.9z"></path>
  1012. <path class="st0" d="M125.9,147c-5,0-9.7-1.5-14.3-3.1c-9.8-3.4-19.1-7.6-27.2-14.2c-8.6-7-15.9-15.1-22.1-24.3
  1013. c-3.2-4.8-6.5-9.5-8.8-14.8c-2.1-4.7-3.6-9.6-3.7-14.7c-0.1-7.8,2.4-14.7,8-20.4c1.8-1.8,3.6-3.7,6.3-4c1.7-0.2,3.4-0.1,5.2-0.1
  1014. c0.2,0,0.4,0.1,0.6,0.1c3.6-0.3,5.2,1.9,6.3,4.9c2.1,5.6,4.2,11.1,6.3,16.7c0,0.1,0.1,0.2,0.1,0.3c2.2,3.5,0.6,6.4-1.6,9.1
  1015. c-1.5,1.8-3.2,3.5-4.8,5.3c-1.5,1.6-1.8,2.8-0.7,4.8c4.6,8.3,10.4,15.6,17.8,21.6c4.7,3.8,9.8,6.8,15.3,9.2c2.8,1.2,4.1,1,6.1-1.3
  1016. c2.4-2.8,4.9-5.6,7.2-8.4c1.9-2.3,3.1-2.8,5.9-1.4c4.5,2.1,8.8,4.5,13.2,6.7c1.9,1,3.8,2,5.7,3.1c2.6,1.4,3.1,2.1,2.7,5
  1017. c-0.3,2.4-0.9,4.7-1.5,7c-0.8,3-2.7,5.2-5.1,7c-3.3,2.6-6.9,4.6-11,5.5C129.8,146.8,127.8,146.8,125.9,147z"></path>
  1018. </g>
  1019. </g>
  1020. </svg>
  1021. <span>Contáctanos</span>
  1022. </div>
  1023. <span class="material-icons-outlined"> chevron_right </span>
  1024. </a>
  1025. </div>
  1026. <div class="office-maps">
  1027. <div class="office-map-button">
  1028. <!-- ko if: $data.place_google -->
  1029. <a class="cc-button-map ripple" data-bind="attr: { href: $data.place_google }" target="_blank" href="https://g.page/r/CWme_G3HMYGYEAg">
  1030. <img src="/file/general/google-maps-logo.png" alt="logo google maps">
  1031. <span class="title">Ver en Google Maps</span>
  1032. </a>
  1033. <!-- /ko -->
  1034. <!-- ko if: $data.maps -->
  1035. <a class="cc-button-map ripple" data-bind="attr: {href: $data.maps}" target="_blank" href="https://ul.waze.com/ul?place=ChIJnbi7CVs1aJYRntxZ0gn9p6Q&amp;ll=-36.74402570%2C-73.09672300&amp;navigate=yes">
  1036. <img src="/file/general/logo-waze.png" alt="logo waze">
  1037. <span class="title">Conducir con Waze</span>
  1038. </a>
  1039. <!-- /ko -->
  1040. <!-- ko if: $data.video360--><!-- /ko -->
  1041. </div>
  1042. </div>
  1043. </div>
  1044. </div>
  1045. <!-- <div class="location-footer">
  1046. Información de sucursal <span class="material-icons-outlined">arrow_forward_ios</span>
  1047. </div> -->
  1048. </div>
  1049. </div>
  1050. </div>
  1051. <!-- /ko -->
  1052. <!-- FIN LOCATION DEL PRODUCTO -->
  1053. </div>
  1054. </div>
  1055. <!-- FIN COLUMNA DERECHA -->
  1056. <!-- /ko -->
  1057. </div>
  1058. </div>