Products catalog

Cream for Chevrolet Colorado 2023+ Tessera Se

Code: 443647

+1 фото

Official representative in Ukraine

	Official representative in Ukraine
Article	TESS 1534 SE
Material	Aluminum
Color	Black
Opening mechanism	Manual

Show full spec

Price 99969 UAH

Add to comparison

Add to Wishlist

Specifications
Description
Related cars
Useful links
Installation
Payments & delivery
Reviews 0

Specifications

Characteristics

Article	TESS 1534 SE
Color	Black
Opening mechanism	Manual
Additional options	To install with arcs, To install without arc
Material	Aluminum


Brand	TESSERA

Related cars

Car Brand	Car Model	Production year start	Production year end
CHEVROLET	COLORADO (2023+)	2023	-

Description

Important! To install water drainage system, you need to make holes in the body!

Useful links

Types ?

look and buy others shutters or ropes on pickup .

Installation

Instructions for installing your TESSERA SE

</ iFrame> </p> <p> </p> <table style = "width: 100%;"> <TBODY> <TR> <TD style = "width: 708px;"> <P style = "Text-Align: Center;"> <a href = "..//....//....//.....////tage/Documents/2025/03/Manual% src = "../..//....//..//trage/tinymce/20200414/bvjckcxokxok3jdaznt7acmgtukbjbjbwayGuqvybgwz.png" width = "126" height = "126" Caption = "FALSE =" FALSE </td> </ TR> <TR> <TD style = "width: 708px; text-align:"> <b> Instructions for installation of Tessera SE </b> <Br/> <b> for Chevrolet Colorado 2023+</b> </td>. </ TR> </tbody> </table> <p> </p> <table style = "width: 100%;"> <TBODY> <TR> <TD style = "width: 708px;"> <P style = "text-align: center;"> <a href = "..//..../....//..../....//......//........Taage/Documents/2024/09/FUNKCCII_ROLETIV_TESERA.PDF" TARGET = "_ _ BLANK" Rol TESSERA "SRC =" ../..//..//....//.... Storage/Tinymce/20200414/Bvjckccxokxok3jdaznt7acmgtukbjbjbWayGuqvybgwz.png "width =" 126 "/fuht =" 126 "126" CAPATION </td> </ TR> <TR> <TD style = "width: 708px; text-align: center;"> <b> the features of Tessera's shutters </b> </td> </ TR> </tbody> </table> <p> </p> <table style = "width: 100%;"> <TBODY> <TR> <TD style = "width: 708px;"> <P style = "text-align: center;"> <a href = "..//..../....//....//......//.......... Documents/2024/10/10/Tessera-usa.pdf" Target = "_ Blank" Rel = "Noopener Noreferer" src = "../..//....//..//trage/tinymce/20200414/bvjckcxokxok3jdaznt7acmgtukbjbjbwayGuqvybgwz.png" width = "126" height = "126" Caption = "FALSE =" FALSE </td> </ TR> <TR> <TD style = "width: 708px; text-align:"> <strong> directory of TESSERA Rollers <Br /> </strong> <strong> for American pickups </strong> </td> </ TR> </tbody> </table> <DIV ID = "GTX-TRANS" Style = "Position: Absolute; Left: 374PX; TOP: 758.717px;">>> <div class = "gtx-trans-cell"> </div> </div> </div> </div> </div> <div class="tabs__content active" id="payment"> <span class="tab_title">Payments & delivery</span> <div class="tab_inner_wrapper"> <div class="tab_article"> <DIV CLASS = "PROD_RW"> <div class = "additional_info"> <div class = "ai_item" style = "height: 170px;">> <div class = "ai_link"> <div class = "ai_item_inner payment"> <div class = "ai_title"> <a href = "../ info/oplata"> <span> payment </s span> </a> </div> <div class = "ai_text"> <p style = "width: 100%;"> cash payment </p> <p style = "width: 100%;"> Cash calculation </p> <p style = "width: 100%;"> Payment on the card </p> <P style = "width: 100%;"> postpay </p> </div> </div> </div> </div> <div class = "ai_item" style = "height: 170px;">> <div class = "ai_link"> <div class = "ai_item_inner delivery"> <div class = "ai_title"> <a href = "../ info/dostavka"> <Span> Delivery </ span> </a> </div> <div class = "ai_text"> <div class = "ai_img"> <DIV CLASS = "NOVA"> <img src = ".. <DIV CLASS = "UKRP"> <img src = ".. </div> <div class = "ai_img"> <DIV CLASS = "SAT"> <img src = "../ Storage/Documents/2023/05/Sat.Svg" Alt = "SAT"/> </div> <DIV CLASS = "DEL"> <img src = "../ Storage/Documents/2023/05/Del.svg" Alt = "Delive"/> </div> </div> <p> <em> Self -removal: </em> Vinnytsia Yukivka Street 109B </p> </div> </div> </div> </div> <div class = "ai_item" style = "height: 170px;">> <div class = "ai_link"> <div class = "ai_item_inner guarante"> <div class = "ai_title"> <s span> guarantee </ span> </div> <div class = "ai_text"> <p> 100% warranty service </p> <p> Guarantee term for each product is individual </p> </div> </div> </div> </div> <div class = "ai_item" style = "height: 170px;">> <div class = "ai_link"> <div class = "ai_item_inner exchange"> <div class = "ai_title"> <a href = "../ info/vozvrat"> <s span> exchange and return </ span> </a> </div> <div class = "ai_text"> <p> within 14 days: new, inactive product of good quality </p> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tabs__content active" id="review"> <a name="reviews"></a> <span class="tab_title">Reviews about Cream for Chevrolet Colorado 2023+ Tessera Se</span> <div class="tab_inner_wrapper"> <div class="title_row"> <a href="https://vnedorognik.ua/en/product/rolet-dlja-chevrolet-colorado-2023-tessera-se/review" title="Cream for Chevrolet Colorado 2023+ Tessera Se"> <button class="review_btn"> <strong>+</strong> Add review </button> </a> </div> </div> </div> </div> </div> </div> <div class="col-12"></div> </div> <section class="reviews_section"> <div class="container"> <div class="row"> <div class="col-12"> <span class="slider_title" style="margin-top: 10px; margin-bottom: 0;">Cross selling</span> </div> </div> <div class="reviews_slider"> <div class="single_reviews"> <div class="product_item related-item single_reviews_inner"> <div class="img_wrap"> <a href="https://vnedorognik.ua/en/vydvizhnoj-poddon-v-kuzov-vnedorognik"> <img src="https://vnedorognik.ua/cache/large/product/3321/p5.webp" alt="Buy A sliding pallet into a Getlander body" title="A sliding pallet into a Getlander body price reviews"> </a> </div> <span class="product_item-name related-products" title="A sliding pallet into a Getlander body"> <a href="https://vnedorognik.ua/en/vydvizhnoj-poddon-v-kuzov-vnedorognik"> A sliding pallet into a Getlander body </a> </span> <div class="rating"> <div class="rating_container"> <span class="icon-star"></span><span class="icon-star"></span><span class="icon-star"></span><span class="icon-star"></span><span class="icon-star"></span> </div> <a href="https://vnedorognik.ua/en/vydvizhnoj-poddon-v-kuzov-vnedorognik#reviews" class="all_reviews" tabindex="0"> 4 reviews </a> </div> <div class="product_item-nav"> <strong class="price " > 34043 UAH </strong> <div class="cart-wish-wrap"> <a href="javascript:void(0);" class="button_transparent" data-is-configurable = "false" data-product-id="3321"> Buy </a> </div> <div class="inner_nav"> <a href="javascript:void(0);" class="comparison-toggle" data-product-id="3321" data-comparison-url="https://vnedorognik.ua/en/comparison"> <i class="icon-libra"></i> </a> <a href="javascript:void(0);" class="wishlist-toggle" data-product-id="3321" > <i class="icon-heart"></i> </a> </div> </div> </div> </div> <div class="single_reviews"> <div class="product_item related-item single_reviews_inner"> <div class="img_wrap"> <a href="https://vnedorognik.ua/en/partition-in-the-body-mountain-top-bed-divider"> <img src="https://vnedorognik.ua/cache/large/product/3430/peregorodka_v_kuzov_mountain_top_bed_divider.webp" alt="Buy Partition in the body Mountain Top Bed Divider" title="Partition in the body Mountain Top Bed Divider price reviews"> </a> </div> <span class="product_item-name related-products" title="Partition in the body Mountain Top Bed Divider"> <a href="https://vnedorognik.ua/en/partition-in-the-body-mountain-top-bed-divider"> Partition in the body Mountain Top Bed Divider </a> </span> <div class="rating"> <div class="rating_container"> <span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span> </div> <a href="https://vnedorognik.ua/en/partition-in-the-body-mountain-top-bed-divider#reviews" class="all_reviews" tabindex="0"> 0 reviews </a> </div> <div class="product_item-nav"> <strong class="price " > 24537 UAH </strong> <div class="cart-wish-wrap"> <a href="javascript:void(0);" class="button_transparent" data-is-configurable = "false" data-product-id="3430"> Buy </a> </div> <div class="inner_nav"> <a href="javascript:void(0);" class="comparison-toggle" data-product-id="3430" data-comparison-url="https://vnedorognik.ua/en/comparison"> <i class="icon-libra"></i> </a> <a href="javascript:void(0);" class="wishlist-toggle" data-product-id="3430" > <i class="icon-heart"></i> </a> </div> </div> </div> </div> <div class="single_reviews"> <div class="product_item related-item single_reviews_inner"> <div class="img_wrap"> <a href="https://vnedorognik.ua/en/dragon-winch-domkrat-reechnuy-48"> <img src="https://vnedorognik.ua/cache/large/product/7288/xhbUX37HqEBScWEjsN5Ej6T5ExAZcsmp9ZgpmkiE.webp" alt="Buy Jack rail Dragon Winch 48 "" title="Jack rail Dragon Winch 48 " price reviews"> </a> </div> <span class="product_item-name related-products" title="Jack rail Dragon Winch 48 ""> <a href="https://vnedorognik.ua/en/dragon-winch-domkrat-reechnuy-48"> Jack rail Dragon Winch 48 " </a> </span> <div class="rating"> <div class="rating_container"> <span class="icon-star"></span><span class="icon-star"></span><span class="icon-star"></span><span class="icon-star"></span><span class="icon-star"></span> </div> <a href="https://vnedorognik.ua/en/dragon-winch-domkrat-reechnuy-48#reviews" class="all_reviews" tabindex="0"> 1 reviews </a> </div> <div class="product_item-nav"> <strong class="price " > 5575 UAH </strong> <div class="cart-wish-wrap"> <a href="javascript:void(0);" class="button_transparent" data-is-configurable = "false" data-product-id="7288"> Buy </a> </div> <div class="inner_nav"> <a href="javascript:void(0);" class="comparison-toggle" data-product-id="7288" data-comparison-url="https://vnedorognik.ua/en/comparison"> <i class="icon-libra"></i> </a> <a href="javascript:void(0);" class="wishlist-toggle" data-product-id="7288" > <i class="icon-heart"></i> </a> </div> </div> </div> </div> <div class="single_reviews"> <div class="product_item related-item single_reviews_inner"> <div class="img_wrap"> <a href="https://vnedorognik.ua/en/winch-automobile-electric-dragon-winch-dwm-12000-hd-s-12-in-a-rope-20-m"> <img src="https://vnedorognik.ua/cache/large/product/79345/webp_dwm12000dhs.webp" alt="Buy Winch Automobile Electric Dragon Winch Dwm 12000 HD S 12 in a rope 20 m" title="Winch Automobile Electric Dragon Winch Dwm 12000 HD S 12 in a rope 20 m price reviews"> </a> </div> <span class="product_item-name related-products" title="Winch Automobile Electric Dragon Winch Dwm 12000 HD S 12 in a rope 20 m"> <a href="https://vnedorognik.ua/en/winch-automobile-electric-dragon-winch-dwm-12000-hd-s-12-in-a-rope-20-m"> Winch Automobile Electric Dragon Winch Dwm 12000 HD S 12 in a rope 20 m </a> </span> <div class="rating"> <div class="rating_container"> <span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span> </div> <a href="https://vnedorognik.ua/en/winch-automobile-electric-dragon-winch-dwm-12000-hd-s-12-in-a-rope-20-m#reviews" class="all_reviews" tabindex="0"> 0 reviews </a> </div> <div class="product_item-nav"> <strong class="price " > 26426 UAH <strong class="old-price"> <span class="old-price-val">29064 UAH</span> </strong> </strong> <div class="cart-wish-wrap"> <a href="javascript:void(0);" class="button_transparent" data-is-configurable = "false" data-product-id="79345"> Buy </a> </div> <div class="inner_nav"> <a href="javascript:void(0);" class="comparison-toggle" data-product-id="79345" data-comparison-url="https://vnedorognik.ua/en/comparison"> <i class="icon-libra"></i> </a> <a href="javascript:void(0);" class="wishlist-toggle" data-product-id="79345" > <i class="icon-heart"></i> </a> </div> </div> </div> </div> </div> </div> </section> <section class="reviews_section"> <div class="container"> <div class="row"> <div class="col-12"> <span class="slider_title" style="margin-top: 10px; margin-bottom: 0;">Related products</span> </div> </div> <div class="reviews_slider"> <div class="single_reviews"> <div class="product_item related-item single_reviews_inner"> <div class="img_wrap"> <a href="https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-roll-basic"> <img src="https://vnedorognik.ua/cache/large/product/443648/TESS 1434 ROLL_1.webp" alt="Buy Cream for Chevrolet Colorado 2023+ Tessera Roll+ (Basic)" title="Cream for Chevrolet Colorado 2023+ Tessera Roll+ (Basic) price reviews"> </a> </div> <span class="product_item-name related-products" title="Cream for Chevrolet Colorado 2023+ Tessera Roll+ (Basic)"> <a href="https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-roll-basic"> Cream for Chevrolet Colorado 2023+ Tessera Roll+ (Basic) </a> </span> <div class="rating"> <div class="rating_container"> <span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span> </div> <a href="https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-roll-basic#reviews" class="all_reviews" tabindex="0"> 0 reviews </a> </div> <div class="product_item-nav"> <strong class="price " > 119541 UAH </strong> <div class="cart-wish-wrap"> <a href="javascript:void(0);" class="button_transparent" data-is-configurable = "false" data-product-id="443648"> Buy </a> </div> <div class="inner_nav"> <a href="javascript:void(0);" class="comparison-toggle" data-product-id="443648" data-comparison-url="https://vnedorognik.ua/en/comparison"> <i class="icon-libra"></i> </a> <a href="javascript:void(0);" class="wishlist-toggle" data-product-id="443648" > <i class="icon-heart"></i> </a> </div> </div> </div> </div> <div class="single_reviews"> <div class="product_item related-item single_reviews_inner"> <div class="img_wrap"> <a href="https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-roll-basics-kit"> <img src="https://vnedorognik.ua/cache/large/product/443649/TESS 1434 ROLL S-KIT_1.webp" alt="Buy Cream for Chevrolet Colorado 2023+ Tessera Roll+ (Basic+ S-Kit)" title="Cream for Chevrolet Colorado 2023+ Tessera Roll+ (Basic+ S-Kit) price reviews"> </a> </div> <span class="product_item-name related-products" title="Cream for Chevrolet Colorado 2023+ Tessera Roll+ (Basic+ S-Kit)"> <a href="https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-roll-basics-kit"> Cream for Chevrolet Colorado 2023+ Tessera Roll+ (Basic+ S-Kit) </a> </span> <div class="rating"> <div class="rating_container"> <span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span> </div> <a href="https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-roll-basics-kit#reviews" class="all_reviews" tabindex="0"> 0 reviews </a> </div> <div class="product_item-nav"> <strong class="price " > 133995 UAH </strong> <div class="cart-wish-wrap"> <a href="javascript:void(0);" class="button_transparent" data-is-configurable = "false" data-product-id="443649"> Buy </a> </div> <div class="inner_nav"> <a href="javascript:void(0);" class="comparison-toggle" data-product-id="443649" data-comparison-url="https://vnedorognik.ua/en/comparison"> <i class="icon-libra"></i> </a> <a href="javascript:void(0);" class="wishlist-toggle" data-product-id="443649" > <i class="icon-heart"></i> </a> </div> </div> </div> </div> <div class="single_reviews"> <div class="product_item related-item single_reviews_inner"> <div class="img_wrap"> <a href="https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-roll-basice-kit"> <img src="https://vnedorognik.ua/cache/large/product/443650/TESS 1434 ROLL E-KIT_1.webp" alt="Buy Rollet for Chevrolet Colorado 2023+ Tessera Roll+ (Basic+ E-Kit)" title="Rollet for Chevrolet Colorado 2023+ Tessera Roll+ (Basic+ E-Kit) price reviews"> </a> </div> <span class="product_item-name related-products" title="Rollet for Chevrolet Colorado 2023+ Tessera Roll+ (Basic+ E-Kit)"> <a href="https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-roll-basice-kit"> Rollet for Chevrolet Colorado 2023+ Tessera Roll+ (Basic+ E-Kit) </a> </span> <div class="rating"> <div class="rating_container"> <span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span><span class="icon-star clear"></span> </div> <a href="https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-roll-basice-kit#reviews" class="all_reviews" tabindex="0"> 0 reviews </a> </div> <div class="product_item-nav"> <strong class="price " > 163503 UAH </strong> <div class="cart-wish-wrap"> <a href="javascript:void(0);" class="button_transparent" data-is-configurable = "false" data-product-id="443650"> Buy </a> </div> <div class="inner_nav"> <a href="javascript:void(0);" class="comparison-toggle" data-product-id="443650" data-comparison-url="https://vnedorognik.ua/en/comparison"> <i class="icon-libra"></i> </a> <a href="javascript:void(0);" class="wishlist-toggle" data-product-id="443650" > <i class="icon-heart"></i> </a> </div> </div> </div> </div> </div> </div> </section> <div class="popup_wrapper share-product" style="padding-bottom: 10px;"> <div class="close_popup"><span class="icon-close_popup"></span></div> <div class="share-product-header">Share with a friend by clicking on the social media icon:</div> <div class="popup-content"> <a href="https://www.facebook.com/sharer.php?u=https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-se&t=Cream+for+Chevrolet+Colorado+2023%2B+Tessera+Se" target="_blank" class="share-product-link" title="Facebook"> <img src="https://vnedorognik.ua/themes/default/assets/img/icon-facebook.png" alt="Icon Facebook"/> </a> <a href="https://twitter.com/share?url=https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-se&text=Cream+for+Chevrolet+Colorado+2023%2B+Tessera+Se" target="_blank" class="share-product-link" title="Twitter"> <img src="https://vnedorognik.ua/themes/default/assets/img/icon-twitter.png" alt="Icon Twitter"/> </a> <a href="https://telegram.me/share/url?url=https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-se" target="_blank" class="share-product-link" title="Telegram"> <img src="https://vnedorognik.ua/themes/default/assets/img/icon-telegram.png" alt="Icon Telegram"/> </a> <a href="viber://forward?text=https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-se" target="_blank" class="share-product-link" title="Viber"> <img src="https://vnedorognik.ua/themes/default/assets/img/icon-viber.png" alt="Icon Viber"/> </a> <a href="whatsapp://send?text=https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-se" class="share-product-link" title="WhatsApp"> <img src="https://vnedorognik.ua/themes/default/assets/img/icon-whatsapp.png" alt="Icon WhatsApp"/> </a> <a style="cursor: pointer;" class="clipboard share-product-link"> <img src="https://vnedorognik.ua/themes/default/assets/img/icon-copy.png" alt="Icon Copy" style="max-width: 42px;"/> </a> </div> <div style="text-align: center; margin-top: 5px; min-height: 21px;"> <p class="clipboard-p" style="font-size: 14px;"></p> </div> </div> <div class="popup_wrapper rsc-popup" style="padding-bottom: 10px;"> <div class="close_popup"><span class="icon-close_popup"></span></div> <div class="rsc-popup-header">Specialist call request:</div> <div class="popup-content"> <div class="request-special-call"> <div class="rsc-input"> <input type="text" name="pnone" id="rsc_phone" placeholder="+38(___)___-__-__"> </div> <button type="button" onclick="requestSpecialCall(443647)" class="button rsc-button rsc-conversion2">Request a call</button> </div> </div> </div> <div class="popup_wrapper rsc-success" style="padding-bottom: 10px;"> <div class="close_popup"><span class="icon-close_popup"></span></div> <div class="rsc-popup-header">Specialist call request:</div> <div class="popup-content"> <p style="color: green;"> Order sent, please wait for the call </p> </div> </div> <div class="popup_wrapper rsc-already" style="padding-bottom: 10px;"> <div class="close_popup"><span class="icon-close_popup"></span></div> <div class="rsc-popup-header">Specialist call request:</div> <div class="popup-content"> <p> You have already requested a specialist call for this product </p> </div> </div> <div class="popup_wrapper rsc-error" style="padding-bottom: 10px;"> <div class="close_popup"><span class="icon-close_popup"></span></div> <div class="rsc-popup-header">Specialist call request:</div> <div class="popup-content"> <p style="color: red;"> Please provide a valid phone number in the correct format </p> </div> </div> </main> </div> <footer itemscope itemtype="http://schema.org/WPFooter" class="page_footer"> <meta itemprop="copyrightYear" content="2025"> <meta itemprop="copyrightHolder" content="vnedorognik.ua"> <div class="container"> <div class="row"> <div class="col-lg-2 col-12"> <div class="footer_logo"> <a href="https://vnedorognik.ua/en"> <img src="https://vnedorognik.ua/themes/default/assets/img/footer_logo.png" alt=""> </a> <p> The flagship of the network of online stores of car accessories and tuning. </p> <p> Copyright ©2025<br> All rights reserved. Created by <a href="https://skygeneris.com/" target="_blank" class="skygeneris">skygeneris.com</a> </p> </div> <div class="mobile-socials"> <div class="soc_network"> <a rel="nofollow" href="https://www.facebook.com/vnedorognik.ua/" target="_blank"> <i class="icon-fb"></i> </a> <a rel="nofollow" href="https://twitter.com/VnedorognikUA" target="_blank"> <i class="icon-tw"></i> </a> <a rel="nofollow" href="https://www.youtube.com/channel/UCNpaEsH07PqPgVCMM1pdLJA" target="_blank"> <i class="icon-yt"></i> </a> <a rel="nofollow" href="https://www.instagram.com/vnedorognik.ua/" target="_blank"> <i class="icon-instagram"></i> </a> <a rel="nofollow" href="https://www.tiktok.com/@vnedorognik" target="_blank" class="footer-tiktok-link-mobile"> <img src="https://vnedorognik.ua/themes/default/assets/img/contacts/socials/tiktok-white.png" title="tiktok" alt="tiktok"/> </a> </div> </div> </div> <div class="col-lg-8 col-12"> <div class="row"> <div class="col-lg-3 col-sm-6 col-12"> <div class="footer_list mobile-footer-list"> <span class="list_title">catalog</span> <ul> <li><a href="https://vnedorognik.ua/en/exterior">Exterior</a></li> <li><a href="https://vnedorognik.ua/en/usilennye-z-ch">Heavy Duty Parts</a></li> <li><a href="https://vnedorognik.ua/en/optika">Lights</a></li> <li><a href="https://vnedorognik.ua/en/interior">Interior</a></li> <li><a href="https://vnedorognik.ua/en/accessories">Accessories</a></li> <li><a href="https://vnedorognik.ua/en/electronics">Electronics</a></li> <li><a href="https://vnedorognik.ua/en/tourism">Tourism</a></li> </ul> </div> <div class="footer_list mobile-footer-list mobile-contacts"> <span class="list_title">Contacts</span> <ul> <li> <a href="viber://chat/?number=%2B380674308722"> <img src="https://vnedorognik.ua/themes/default/assets/img/messengers/viber.svg" alt="viber" title="Viber" style="width: 30px; opacity: 0.7; margin-right: 7px;"/> </a> <a rel="nofollow" href="https://t.me/vnedorognik_uaa"> <img src="https://vnedorognik.ua/themes/default/assets/img/messengers/telegram.svg" alt="telegram" title="Telegram" style="width: 30px; opacity: 0.7; margin-right: 7px;"/> </a> <a href="https://wa.me/380674308722"> <img src="https://vnedorognik.ua/themes/default/assets/img/messengers/whatsapp.svg" alt="whatsapp" title="Whatsapp" style="width: 30px; opacity: 0.7;"/> </a> </li> <li><a href="tel:+380674308722">(067) 430-87-22</a></li> <li><a href="tel:+380987091774">Wholesale department: <br>(098) 709-17-74</a></li> <li><a href="tel:+380676562563">Auto Service: <br>(067) 656-25-63</a></li> <li><a href="mailto:office@vnedorognik.ua">office@vnedorognik.ua</a></li> </ul> </div> </div> <div class="col-lg-3 col-sm-6 col-12"> <div class="footer_list mobile-footer-list"> <span class="list_title">For Buyers</span> <ul> <li> <a href="https://vnedorognik.ua/en/b2b"> B2B </a> </li> <li> <a href="https://vnedorognik.ua/en/sales"> SALES </a> </li> <li> <a href="https://vnedorognik.ua/en/brands"> Manufacturers </a> </li> <li> <a href="https://vnedorognik.ua/en/info/dostavka"> Delivery </a> </li> <li> <a href="https://vnedorognik.ua/en/info/oplata"> Payment </a> </li> <li> <a href="https://vnedorognik.ua/en/info/vozvrat"> Return of goods </a> </li> <li> <a href="https://vnedorognik.ua/en/info/catalogs"> Catalogs </a> </li> <li> <a href="https://vnedorognik.ua/en/info/frequent-questions"> Frequent questions </a> </li> <li> <a href="https://vnedorognik.ua/en/shop/reviews"> Reviews </a> </li> <li> <a class="user-actions garage" style="cursor: pointer;"> My garage </a> </li> </ul> </div> <div class="footer_list mobile-footer-list mobile-info"> <span class="list_title">Information</span> <ul> <li> <a href="https://vnedorognik.ua/en/blog"> VNEDOROGNIK БЛОГ </a> </li> <li> <a class="auth_btn" style="cursor: pointer;"> My blog </a> </li> <li> <a href="https://vnedorognik.ua/en/calendar"> Event Calendar </a> </li> <li> <a href="https://vnedorognik.ua/en/gallery"> Gallery </a> </li> <li> <a href="https://vnedorognik.ua/en/tuning-atelye"> Tuning Atelier </a> </li> <li> <a href="https://vnedorognik.ua/en/articles"> Articles </a> </li> <li> <a href="https://vnedorognik.ua/en/videoblog"> Videos </a> </li> <li> <a href="https://vnedorognik.ua/en/sitemap"> Site map </a> </li> <li> <a href="https://vnedorognik.ua/en/info/gift-certificates"> Gift certificates </a> </li> </ul> </div> </div> <div class="col-lg-3 col-sm-6 col-12"> <div class="footer_list desktop-info"> <span class="list_title">Information</span> <ul> <li> <a href="https://vnedorognik.ua/en/blog"> BLOG </a> </li> <li> <a class="auth_btn" style="cursor: pointer;"> My blog </a> </li> <li> <a href="https://vnedorognik.ua/en/calendar"> Event Calendar </a> </li> <li> <a href="https://vnedorognik.ua/en/gallery"> Gallery </a> </li> <li> <a href="https://vnedorognik.ua/en/tuning-atelye"> Tuning Atelier </a> </li> <li> <a href="https://vnedorognik.ua/en/articles"> Articles </a> </li> <li> <a href="https://vnedorognik.ua/en/videoblog"> Videos </a> </li> <li> <a href="https://vnedorognik.ua/en/sitemap"> Site map </a> </li> <li> <a href="https://vnedorognik.ua/en/info/gift-certificates"> Gift certificates </a> </li> </ul> </div> </div> <div class="col-lg-3 col-sm-6 col-12"> <div class="footer_list"> <span class="list_title">Company</span> <ul> <li> <a href="https://vnedorognik.ua/en/o-nas"> ABOUT US </a> </li> <li> <a href="https://vnedorognik.ua/en/contacts"> Contacts </a> </li> <li> <a href="https://vnedorognik.ua/en/info/dileram"> Dealers </a> </li> <li> <a href="https://vnedorognik.ua/en/info/ustanovka-i-obsluzhivanie"> Installation and maintenance </a> </li> <li> <a href="https://vnedorognik.ua/en/info/privacy-policy"> Privacy policy </a> </li> <li> <a href="https://vnedorognik.ua/en/info/public-offer"> Public offer </a> </li> <li> <a href="https://vnedorognik.ua/en/info/volunteering"> Volunteering </a> </li> <li> <a href="https://vnedorognik.ua/en/info/cookie-policy"> Cookie policy </a> </li> <li> <a href="https://vnedorognik.ua/en/info/jobs"> Jobs </a> </li> </ul> </div> </div> </div> </div> <div class="col-lg-2 col-md-3 col-sm-6 col-12"> <div class="footer_list desktop-contacts"> <span class="list_title">Contacts</span> <ul> <li> <a href="viber://chat/?number=%2B380674308722"> <img src="https://vnedorognik.ua/themes/default/assets/img/messengers/viber.svg" alt="viber" title="Viber" style="width: 30px; opacity: 0.7; margin-right: 7px;"/> </a> <a href="https://t.me/vnedorognik_uaa"> <img src="https://vnedorognik.ua/themes/default/assets/img/messengers/telegram.svg" alt="telegram" title="Telegram" style="width: 30px; opacity: 0.7; margin-right: 7px;"/> </a> <a href="https://wa.me/380674308722"> <img src="https://vnedorognik.ua/themes/default/assets/img/messengers/whatsapp.svg" alt="whatsapp" title="Whatsapp" style="width: 30px; opacity: 0.7;"/> </a> </li> <li><a href="tel:+380674308722">(067) 430-87-22</a></li> <li><a href="tel:+380987091774">Wholesale department: <br>(098) 709-17-74</a></li> <li><a href="tel:+380676562563">Auto Service: <br>(067) 656-25-63</a></li> <li><a href="mailto:office@vnedorognik.ua">office@vnedorognik.ua</a></li> </ul> </div> </div> <div class="col-12"> <div class="footer_bottom"> <span>Official representatives</span> <div class="partners"> <a href="https://vnedorognik.ua/en/dragon_winch"> <img data-src="https://vnedorognik.ua/storage/brand/3/YHJa9jqRCcHaCwCBNt2t95gI11bnAvMVZjNduUr4.webp" src="https://vnedorognik.ua/storage/brand/3/YHJa9jqRCcHaCwCBNt2t95gI11bnAvMVZjNduUr4.webp" class="lazyload" alt=""> </a> <a href="https://vnedorognik.ua/en/arb"> <img data-src="https://vnedorognik.ua/storage/brand/5/4RP7rXo88ltvAkvTsbB6p2UY2c65g54GzVkcv4g6.webp" src="https://vnedorognik.ua/storage/brand/5/4RP7rXo88ltvAkvTsbB6p2UY2c65g54GzVkcv4g6.webp" class="lazyload" alt=""> </a> <a href="https://vnedorognik.ua/en/old_man_emu"> <img data-src="https://vnedorognik.ua/storage/brand/6/Gq4cwxqA0BDO14xyuwQkrG7MXJR4dZBC2kk8uscd.webp" src="https://vnedorognik.ua/storage/brand/6/Gq4cwxqA0BDO14xyuwQkrG7MXJR4dZBC2kk8uscd.webp" class="lazyload" alt=""> </a> <a href="https://vnedorognik.ua/en/lazerlamps"> <img data-src="https://vnedorognik.ua/storage/brand/11/fmiaTDmzZ8j2GkoIcUbLTBSoJ4NqTyy30nQPavyS.webp" src="https://vnedorognik.ua/storage/brand/11/fmiaTDmzZ8j2GkoIcUbLTBSoJ4NqTyy30nQPavyS.webp" class="lazyload" alt=""> </a> <a href="https://vnedorognik.ua/en/road_ranger"> <img data-src="https://vnedorognik.ua/storage/brand/12/skfNLwA4nRMeDKJpvsR5OR3inApTqJNJPG1yZ4VN.webp" src="https://vnedorognik.ua/storage/brand/12/skfNLwA4nRMeDKJpvsR5OR3inApTqJNJPG1yZ4VN.webp" class="lazyload" alt=""> </a> <a href="https://vnedorognik.ua/en/al_ko"> <img data-src="https://vnedorognik.ua/storage/brand/21/6XtVocisUONbCQbFdhpgG5ynjNwG94d92MxYFA1I.webp" src="https://vnedorognik.ua/storage/brand/21/6XtVocisUONbCQbFdhpgG5ynjNwG94d92MxYFA1I.webp" class="lazyload" alt=""> </a> <a href="https://vnedorognik.ua/en/hammer_winch"> <img data-src="https://vnedorognik.ua/storage/brand/217/DtYQpbNmqjfMmdLCfyYhUcFDpiOraNZtNek86LKl.webp" src="https://vnedorognik.ua/storage/brand/217/DtYQpbNmqjfMmdLCfyYhUcFDpiOraNZtNek86LKl.webp" class="lazyload" alt=""> </a> <a href="https://vnedorognik.ua/en/alu_cab"> <img data-src="https://vnedorognik.ua/storage/brand/219/ZISCiRZurR48dpGuXAM2A92zzljiYX2u5mlmboq0.webp" src="https://vnedorognik.ua/storage/brand/219/ZISCiRZurR48dpGuXAM2A92zzljiYX2u5mlmboq0.webp" class="lazyload" alt=""> </a> <a href="https://vnedorognik.ua/en/getlander"> <img data-src="https://vnedorognik.ua/storage/brand/372/QaTA0KptBtBGeTgiO9kG89H3FogDwR1cTCLEJhJ6.png" src="https://vnedorognik.ua/storage/brand/372/QaTA0KptBtBGeTgiO9kG89H3FogDwR1cTCLEJhJ6.png" class="lazyload" alt=""> </a> </div> <div class="soc_network desktop-socials"> <a rel="nofollow" href="https://www.facebook.com/vnedorognik.ua/" target="_blank"> <i class="icon-fb"></i> </a> <a rel="nofollow" href="https://twitter.com/VnedorognikUA" target="_blank"> <i class="icon-tw"></i> </a> <a rel="nofollow" href="https://www.youtube.com/channel/UCNpaEsH07PqPgVCMM1pdLJA" target="_blank"> <i class="icon-yt"></i> </a> <a rel="nofollow" href="https://www.instagram.com/vnedorognik.ua/" target="_blank"> <i class="icon-instagram"></i> </a> <a rel="nofollow" href="https://www.tiktok.com/@vnedorognik" target="_blank" class="footer-tiktok-link"> <img src="https://vnedorognik.ua/themes/default/assets/img/contacts/socials/tiktok-white.png" title="tiktok" alt="tiktok"/> </a> </div> </div> </div> </div> </div> </footer> <script type="text/javascript"> window.flashMessages = []; window.serverErrors = []; for (var errorKey in window.serverErrors) { window.serverErrors[errorKey].forEach(function(errorMessage) { Swal.fire({ icon: 'error', title: errorMessage, showConfirmButton: true, background: '#dc3545', color: '#fff', }); }); } var activeLang = 'en'; // setTimeout(function() { // $('div.alert').remove(); // }, 7000); </script> <script type="text/javascript" src="https://vnedorognik.ua/themes/default/assets/js/shop.min.js?v1"></script> <script type="text/javascript" src="https://vnedorognik.ua/themes/default/assets/js/shop/select2.min.js"></script> <script type="text/javascript"> function loadScript(src) { return new Promise(function (resolve, reject) { if ($("script[src='" + src + "']").length === 0) { var script = document.createElement('script'); script.onload = function () { resolve(); }; script.onerror = function () { reject(); }; script.src = src; document.body.appendChild(script); } else { resolve(); } }); } // $(document).ready(async function() { // Do whatever you want to do after script is ready // }); locale = "en" locale = (locale === 'ua') ? 'uk' : locale; setTimeout(loadScript, 10000, `https://www.google.com/recaptcha/api.js?hl=${locale}&onload=CaptchaCallback&render=explicit`); setTimeout(loadScript, 5000, "https://vnedorognik.ua/themes/default/assets/js/shop/i18n/en.js"); setTimeout(loadScript, 1000, "https://cdnjs.cloudflare.com/ajax/libs/lazysizes/5.2.0/lazysizes.min.js"); // setTimeout(loadHelpCrunch, 10000); // setTimeout(initHelpCrunch, 11000); setTimeout(initHelpCrunchNew, 11000); // 2024-04-02 // function initHelpCrunch() { // window.HelpCrunch('init', 'vned', { // applicationId: 2, // applicationSecret: 'Lm6Xpr6v9PnrIZqMOsJZ2yB98UWGJcphKZI+7K/j6wcHpgJJSSD7c2mBefxc2plVlBgVwIluBtM7wOn8AjPdaw==' // }) // // window.HelpCrunch('showChatWidget'); // } // // function loadHelpCrunch() { // (function(w,d){ // w.HelpCrunch=function(){w.HelpCrunch.q.push(arguments)};w.HelpCrunch.q=[]; // function r(){var s=document.createElement('script');s.async=1;s.type='text/javascript';s.src='https://widget.helpcrunch.com/';(d.body||d.head).appendChild(s);} // setTimeout(r, 500); // // if(w.attachEvent){w.attachEvent('onload',r)}else{w.addEventListener('load',r,false)} // })(window, document) // } function initHelpCrunchNew() { window.helpcrunchSettings = { organization: 'vned', appId: '6490193e-5486-4146-a24e-30ecefcf850d', }; (function(w,d){var hS=w.helpcrunchSettings;if(!hS||!hS.organization){return;}var widgetSrc='https://'+hS.organization+'.widget.helpcrunch.com/';w.HelpCrunch=function(){w.HelpCrunch.q.push(arguments)};w.HelpCrunch.q=[];function r(){if (d.querySelector('script[src="' + widgetSrc + '"')) { return; }var s=d.createElement('script');s.async=1;s.type='text/javascript';s.src=widgetSrc;(d.body||d.head).appendChild(s);}if(d.readyState === 'complete'||hS.loadImmediately){r();} else if(w.attachEvent){w.attachEvent('onload',r)}else{w.addEventListener('load',r,false)}})(window, document) HelpCrunch('setPhraseList', locale); } </script> <style> .context-menu { display: none; position: absolute; background-color: #fff; border: 1px solid #ccc; padding: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 1000; width: max-content; font-size: 10px; transform: translateY(-50px); } .price-info { font-size: 14px; display: block; width: 100%; p{ margin-bottom: 0 !important; } } </style> <script> function toggleContextMenu(event) { event.stopPropagation(); let contextMenu = document.getElementById('context-menu'); if (contextMenu.style.display === 'block') { contextMenu.style.display = 'none'; } else { contextMenu.style.display = 'block'; } } window.onclick = function(event) { var contextMenu = document.getElementById('context-menu'); var span = document.querySelector('.product-page-price'); if (contextMenu.style.display === 'block' && !contextMenu.contains(event.target) && event.target !== span) { contextMenu.style.display = 'none'; } } </script> <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script> <script type="module"> (async () => { try { const token = null; const encryptedPath = "https:\/\/vnedorognik.ua\/storage"; const keyRes = await fetch(`/3d-model/key/${token}`); if (!keyRes.ok) throw new Error('Не удалось получить ключ'); const { key: base64Key } = await keyRes.json(); const encRes = await fetch(encryptedPath); if (!encRes.ok) throw new Error('Не удалось загрузить файл модели'); const encryptedBuffer = await encRes.arrayBuffer(); const keyBytes = Uint8Array.from(atob(base64Key), c => c.charCodeAt(0)); const cryptoKey = await crypto.subtle.importKey('raw', keyBytes, 'AES-CBC', false, ['decrypt']); const iv = encryptedBuffer.slice(0, 16); const data = encryptedBuffer.slice(16); const decrypted = await crypto.subtle.decrypt({ name: 'AES-CBC', iv }, cryptoKey, data); const blob = new Blob([decrypted], { type: 'model/gltf-binary' }); document.getElementById('secure-model-viewer').src = URL.createObjectURL(blob); } catch (err) { console.error('Ошибка загрузки 3D-модели:', err); } })(); </script> <script type="text/javascript"> $(document).ready(function () { if(window.location.hash) { if(window.location.hash == '#reviews') { $('ul.tabs__caption li').removeClass('active'); $('ul.tabs__caption li[data-name=review]').addClass('active'); } } }); function scrollCarouselLeft() { const carousel = document.getElementById('carousel'); if (carousel.scrollLeft === 0) { carousel.scrollLeft = carousel.scrollWidth; } else { carousel.scrollBy({ left: -carousel.offsetWidth, behavior: 'smooth' }); } } function scrollCarouselRight() { if (carousel.scrollLeft + carousel.offsetWidth >= carousel.scrollWidth) { carousel.scrollLeft = 0; } else { carousel.scrollBy({ left: carousel.offsetWidth, behavior: 'smooth' }); } } </script> <style> .desc_grid_container { width: 100%; max-width: 100%; } .desc_grid { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; grid-column-gap: 20px; grid-row-gap: 20px; } .desc_grid img { width: 100%; height: 200px; /* Установите желаемую высоту */ object-fit: cover; } .desc_grid p { font-weight: 600; font-size: 20px; margin: 0 0 10px 0; text-align: center; } @media (max-width: 480px) { .desc_grid { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; } .desc_grid div { scroll-snap-align: start; flex: 0 0 100%; box-sizing: border-box; padding: 10px; } .desc_grid_container { overflow: hidden; position: relative; } .desc_grid::-webkit-scrollbar { display: none; } .desc_grid { -ms-overflow-style: none; scrollbar-width: none; } .carousel-button { position: absolute; top: 35%; transform: translateY(-100%); background-color: rgba(0, 0, 0, 0.2); color: white; border: none; padding: 15px; cursor: pointer; z-index: 10; font-size: 20px; height: 40px; width: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: background-color 0.3s ease; } .carousel-button.left { left: 10px; transform: rotate(90deg); } .carousel-button.right { right: 10px; transform: rotate(-90deg); } .carousel-button:hover { background-color: rgba(0, 0, 0, 0.4); } .carousel-button:active { background-color: rgba(0, 0, 0, 0.6); } .carousel-button:focus { outline: none; } } .model3dContainer { position: relative; height: 0; padding-top: 56.25%; /* 16:9 aspect ratio */ width: 80%; margin: 0 auto 30px; border: 1px solid #ccc; border-radius: 10px; overflow: hidden; } .model3dContainer model-viewer { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } @media (max-width: 768px) { .model3dContainer { width: 100%; } } @media (min-width: 481px) { .carousel-button { display: none; } } @media (min-width: 481px) and (max-width: 768px) { .desc_grid { grid-template-columns: repeat(2, 1fr); } } </style> <script type="text/javascript"> function showHideTable(){ console.log($("#show_hide").data('show')); $('.table-togle').toggle(); if($("#show_hide").data('show') == 1){ $("#show_hide").html('show more'); $("#show_hide").data('show', 0); } else { $("#show_hide").html('Close up'); $("#show_hide").data('show', 1); } } </script> <script type="text/x-template" id="product-view-template"> <form method="POST" id="product-form" action="https://vnedorognik.ua/en/checkout/cart/add/443647" @click="onSubmit($event)"> <slot></slot> </form> </script> <script> Vue.component('product-view', { template: '#product-view-template', inject: ['$validator'], methods: { onSubmit: function(e) { if (e.target.getAttribute('type') != 'submit') return; e.preventDefault(); this.$validator.validateAll().then(function (result) { if (result) { if (e.target.getAttribute('data-href')) { window.location.href = e.target.getAttribute('data-href'); } else { document.getElementById('product-form').submit(); } } }); } } }); $(document).ready(function() { var ele = $('.product_slider'); var scroll = 77; $('#rsc_phone').inputmask('+38(999)999-99-99'); $('.slick_second-prev').click(function() { // Scroll the element up // if($('.product_slider').width()==255){ ele.scrollLeft(ele.scrollLeft() - scroll); // }else{ // ele.scrollTop(ele.scrollTop() - scroll); // } }); $('.slick_second-next').click(function() { // Scroll the element down // if($('.product_slider').width()==255){ var leftPos = $('.innerWrapper').scrollLeft(); ele.scrollLeft(ele.scrollLeft() + scroll); // }else{ // ele.scrollTop(ele.scrollTop() + scroll); // } }); // var addTOButton = document.getElementsByClassName('add-to-buttons')[0]; // document.getElementById('loader').style.display="none"; // addTOButton.style.display="flex"; $('#product_images_container:not(.slick-initialized)').slick({ infinite: true, slidesToShow: 1, slidesToScroll: 1, arrows: true, autoplaySpeed: 3000, fade: false, asNavFor: '.product_slider', prevArrow: '<button class="slick-prev-product slick-arrow-product"><img src="/themes/default/assets/img/svg/ar_down_white.svg" alt="Arrow left" class="arrow-left"></button>', nextArrow: '<button class="slick-next-product slick-arrow-product"><img src="/themes/default/assets/img/svg/ar_down_white.svg" alt="Arrow right" class="arrow-right"></button>', }); $('.product_slider').slick({ infinite: true, slidesToShow: 6, slidesToScroll: 1, asNavFor: '#product_images_container', dots: false, centerMode: true, focusOnSelect: true, swipeToSlide: true, arrows: true, variableWidth: false, centerPadding: '0', prevArrow: $('.slick_second-prev'), nextArrow: $('.slick_second-next'), responsive: [ { breakpoint: 1100, settings: { slidesToShow: 5, slidesToScroll: 1, } }, { breakpoint: 576, settings: { slidesToShow: 3, slidesToScroll: 1, } } ] }); // display share popup $('#share_product').on('click', function (e) { e.preventDefault(); $('.popup_wrapper').hide(); $('body').addClass('fixed'); $('.popup_bg').fadeIn(); $('.popup_wrapper.share-product').show(); }); var $temp = $('<input class="temp-input">'); var $url = $(location).attr('href'); $('.clipboard').on('click', function() { $("body").append($temp); $temp.val($url).select(); document.execCommand("copy"); $temp.remove(); $("p.clipboard-p").text("URL copied!"); setTimeout(function () { $("p.clipboard-p").text(''); }, 3000); }); }); // window.onload = function() { // var thumbList = document.getElementsByClassName('thumb-list')[0]; // var thumbFrame = document.getElementsByClassName('thumb-frame'); // var productHeroImage = document.getElementsByClassName('product-hero-image')[0]; // // if (thumbList && productHeroImage) { // // for(let i=0; i < thumbFrame.length ; i++) { // thumbFrame[i].style.height = (productHeroImage.offsetHeight/4) + "px"; // thumbFrame[i].style.width = (productHeroImage.offsetHeight/4)+ "px"; // } // // if (screen.width > 720) { // thumbList.style.width = (productHeroImage.offsetHeight/4) + "px"; // thumbList.style.minWidth = (productHeroImage.offsetHeight/4) + "px"; // thumbList.style.height = productHeroImage.offsetHeight + "px"; // } // } // // window.onresize = function() { // if (thumbList && productHeroImage) { // // for(let i=0; i < thumbFrame.length; i++) { // thumbFrame[i].style.height = (productHeroImage.offsetHeight/4) + "px"; // thumbFrame[i].style.width = (productHeroImage.offsetHeight/4)+ "px"; // } // // if (screen.width > 720) { // thumbList.style.width = (productHeroImage.offsetHeight/4) + "px"; // thumbList.style.minWidth = (productHeroImage.offsetHeight/4) + "px"; // thumbList.style.height = productHeroImage.offsetHeight + "px"; // } // } // } // }; function updateQunatity(operation) { var quantity = document.getElementById('quantity').value; if (operation == 'add') { quantity = parseInt(quantity) + 1; } else if (operation == 'remove') { if (quantity > 1) { quantity = parseInt(quantity) - 1; } else { alert('Quantity can not be less than one.'); } } document.getElementById("quantity").value = quantity; event.preventDefault(); } function checkBonusAttributes() { // event.preventDefault(); if($('#selected_configurable_option').length > 0) { var baV = document.getElementById("selected_configurable_option").value; if(baV) { // attribute selected - add needed form fields and values, and then submit form $('#bonus_selected_configurable_option').val(baV); const formData = new FormData(document.getElementById('product-form')); const formDataBonus = new FormData(document.getElementById('product-bonus-form')); for (var pair of formData.entries()) { // console.log(pair[0] + ': ' + pair[1]); if((pair[0].indexOf('super_attribute') != -1) && !formDataBonus.has(pair[0])) { $('#product-bonus-form') .prepend('<input type="hidden" name="' + pair[0] + '" value="' + pair[1] + '" />'); } } return true; } else{ // attribute not selected – scroll to attributes and display errors var locale = 'en'; var msg = { ua : 'Оберіть варіант товару', ru : 'Выберите вариант товара', } var result = msg[locale]; $('.attributes').prepend('<div style="color: red;">' + result + '</div>') $([document.documentElement, document.body]).animate({ scrollTop: $(".attributes").offset().top - 70 }, 1000); return false; } } } function requestSpecialCallPopup(productId) { console.log('requestSpecialCallPopup', productId); $('#rsc_phone').val(''); $('body').addClass('fixed'); $('.popup_bg').fadeIn(); $('.popup_wrapper.rsc-popup').show(); } function requestSpecialCall(productId) { console.log('requestSpecialCall', productId); let phone = $('#rsc_phone').val(); $('.popup_wrapper.rsc-popup').hide(); if (validCallPhone(phone)) { $.post( 'https://vnedorognik.ua/en/shop/request-special-call', { _token: 'hcCIXC5l9ghhd5t2aX6DiGvSWO4MFn8zqeuZXAbq', product_id: productId, phone: phone, page: 'https://vnedorognik.ua/en/rolet-dlja-chevrolet-colorado-2023-tessera-se' }, function (response) { $('body').addClass('fixed'); $('.popup_bg').fadeIn(); if (response.success) { $('#rsc_phone').val(''); $('.popup_wrapper.rsc-success').show(); } else if (response.already) { $('#rsc_phone').val(''); $('.popup_wrapper.rsc-already').show(); } else { $('.popup_wrapper.rsc-error').show(); } }, 'json' ); } else { alert('Please provide a valid phone number in the correct format'); } } </script> <script type="text/javascript"> $(document).ready(function () { $.fancybox.defaults.loop = true; $('.product_view .slider_item img.product-photo').click(function () { $('.img_container a').removeClass('fancy-visible'); $('#b'+this.id).addClass('fancy-visible'); }); var testFancy= $(".fancybox") .attr('rel', 'gallery') .fancybox({ openEffect : 'none', closeEffect : 'none', nextEffect : 'none', prevEffect : 'none', padding : 0, margin : [20, 60, 20, 60], // Increase left/right margin afterShow: function (instance, current) { // Синхронизация слайдеров после переключения в Fancybox var currentIndex = instance.currIndex; $('#product_images_container').slick('slickGoTo', currentIndex -1); $('.product_slider').slick('slickGoTo', currentIndex); } }); $('.shipping-brand__icon').on('click', function () { $('.shipping-brand__popup').toggle(); }); }); dataLayer.push({ecommerce: null}); // Clear the previous ecommerce object. dataLayer.push({ event: "view_item", ecommerce: { items: [{ item_name: "Cream for Chevrolet Colorado 2023+ Tessera Se", item_id: "443647", price: 99969, item_brand: "Tessera", item_category: "Exterior", // по меню верхньому категорія 1 рівня item_category2: "Roller Shutters", // по меню верхньому категорія 2 рівня item_variant: "" }] } }); $(document).ready(function () { function checkScreenWidth() { var screenWidth = $(window).width(); var totalSlides = $('.product_slider .slider_item').length; var prevButton = $('.block-prev-button'); var nextButton = $('.block-next-button'); var productSlider = $('.product_slider'); var slickTrack = $('.slick-track'); if (screenWidth > 576 && totalSlides > 6) { prevButton.show(); nextButton.show(); } else if (screenWidth <= 576 && totalSlides > 3) { prevButton.show(); nextButton.show(); } else { prevButton.hide(); nextButton.hide(); productSlider.css('margin-left', '0px'); slickTrack.css({ 'margin-left': '0px'}); setTimeout(() => { slickTrack[0].style.setProperty('transform', 'unset', 'important'); }, 100); $(window).on('load', () => { setTimeout(() => { const slickTrack = $('.slick-track'); if (slickTrack.length) { slickTrack[0].style.setProperty('transform', 'unset', 'important'); } }, 100); }); } } checkScreenWidth(); $(window).resize(function () { checkScreenWidth(); }); // Блокируем переход в fancybox, если идет прокрутка $('.product_slider').on('wheel', function (e) { if (!isScrolling) { isScrolling = true; e.preventDefault(); // Блокируем переход в fancybox, когда прокручиваем // Прокручиваем слайдер влево или вправо if (e.originalEvent.deltaY < 0) { $(this).slick('slickPrev'); // Прокрутка влево } else { $(this).slick('slickNext'); // Прокрутка вправо } } }); const wrapper = document.getElementById('product_view_wrapper'); const images = wrapper.querySelectorAll('img'); const videos = wrapper.querySelectorAll('video'); let totalToLoad = images.length + videos.length; let loadedCount = 0; function checkAllLoaded() { loadedCount++; if (loadedCount >= totalToLoad) { wrapper.classList.add('visible'); } } images.forEach(img => { if (img.complete) { checkAllLoaded(); } else { img.addEventListener('load', checkAllLoaded); img.addEventListener('error', checkAllLoaded); } }); videos.forEach(video => { video.addEventListener('loadeddata', checkAllLoaded); video.addEventListener('error', checkAllLoaded); }); if (totalToLoad === 0) { wrapper.classList.add('visible'); } }); $.getScript("https://vnedorognik.ua/themes/default/assets/js/shop/shop/buttons-product-card.js?3vveJ") </script> <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script> <script> $(document).ready(function () { // Year $('#add_year').select2({ minimumResultsForSearch: Infinity, language: "en" }); // Brand $('#add_brand.js-data-example-ajax').select2({ // old version: autocomplete // new version: simple select data: [{"id":158,"text":"ACURA"},{"id":25,"text":"AUDI"},{"id":325,"text":"Bentley"},{"id":2,"text":"BMW"},{"id":329,"text":"BYD"},{"id":27,"text":"CADILLAC"},{"id":320,"text":"CHANGAN"},{"id":115,"text":"CHERY"},{"id":14,"text":"CHEVROLET"},{"id":48,"text":"DAIHATSU"},{"id":59,"text":"DODGE"},{"id":116,"text":"DONGFENG"},{"id":291,"text":"FAW"},{"id":10,"text":"FIAT"},{"id":5,"text":"FORD"},{"id":29,"text":"FORD USA"},{"id":323,"text":"Foton"},{"id":172,"text":"GMC"},{"id":179,"text":"GREAT WALL"},{"id":319,"text":"HAVAL"},{"id":47,"text":"HONDA"},{"id":133,"text":"HUMMER"},{"id":33,"text":"HYUNDAI"},{"id":336,"text":"Ineos"},{"id":88,"text":"INFINITI"},{"id":51,"text":"ISUZU"},{"id":328,"text":"JAC"},{"id":53,"text":"JEEP"},{"id":50,"text":"KIA"},{"id":39,"text":"LADA"},{"id":22,"text":"LAND ROVER"},{"id":169,"text":"LANDWIND (JMC)"},{"id":21,"text":"LEXUS"},{"id":318,"text":"LIFAN"},{"id":321,"text":"Luxgen"},{"id":331,"text":"MAN"},{"id":333,"text":"Maxus"},{"id":43,"text":"MAZDA"},{"id":12,"text":"MERCEDES-BENZ"},{"id":335,"text":"MG"},{"id":13,"text":"MITSUBISHI"},{"id":20,"text":"NISSAN"},{"id":1,"text":"OPEL"},{"id":332,"text":"Peugeot"},{"id":16,"text":"PORSCHE"},{"id":3,"text":"RENAULT"},{"id":37,"text":"SKODA"},{"id":44,"text":"SSANGYONG (KGM)"},{"id":49,"text":"SUBARU"},{"id":4,"text":"SUZUKI"},{"id":63,"text":"TATA"},{"id":184,"text":"TESLA"},{"id":23,"text":"TOYOTA"},{"id":105,"text":"UAZ"},{"id":11,"text":"VW"},{"id":330,"text":"Zotye"}], minimumResultsForSearch: Infinity, language: "en" }); // Model $('#add_model.js-data-example-ajax').select2({ // old version: autocomplete // new version: simple select data: [], minimumResultsForSearch: Infinity, language: "en" }); $('#add_year').on('change', function () { $('#add_brand').removeAttr('disabled'); $('#add_brand_block').addClass('enabled-select'); }); $('#add_brand').on('change', function () { $('#add_model').removeAttr('disabled'); $('#add_model_block').addClass('enabled-select'); }); $('#add_model').on('change', function () { $('#add_body_type, #add_gear, #add_drive_type, #add_fuel_type, #add_capacity').removeAttr('disabled'); $('#add_body_type_block, #add_gear_block, #add_drive_type_block, #add_fuel_type_block, #add_capacity_block').addClass('enabled-select'); }); // get models list by year & marka $('#add_brand.js-data-example-ajax, #add_year').on('change', function () { $.post( 'https://vnedorognik.ua/en/garage/get-models', { year: $('#add_year').val(), brand: $('#add_brand').val(), _token: 'hcCIXC5l9ghhd5t2aX6DiGvSWO4MFn8zqeuZXAbq' }, function (data) { $('#add_model.js-data-example-ajax').html('<option value="0">Car Model</option>'); $('#add_model.js-data-example-ajax').select2({ data: data, minimumResultsForSearch: Infinity, language: "en" }); }, 'json' ); }); // fill other attributes depends on selected models $('#add_model').on('change', function () { // $('#add_year').val('0').trigger('change'); $('#add_body_type').val('0').trigger('change'); $('#add_drive_type').val('0').trigger('change'); $('#add_fuel_type').val('0').trigger('change'); $('#add_capacity').val('0').trigger('change'); // fillAddCarAttribute('add_year', 'of_the_year'); fillAddCarAttribute('add_body_type', 'BodyType', 'Body type'); fillAddCarAttribute('add_drive_type', 'DriveType', 'Drive'); fillAddCarAttribute('add_fuel_type', 'FuelType', 'Fuel type'); fillAddCarAttribute('add_capacity', 'Capacity', 'Engine capacity'); }); // Body type $('#add_body_type').select2({ minimumResultsForSearch: Infinity }); // Gear $('#add_gear').select2({ data: [{"id":"123798","text":"Automatic"},{"id":"123799","text":"Variator"},{"id":"123797","text":"Mechanical"}], minimumResultsForSearch: Infinity }); // Drive type $('#add_drive_type').select2({ minimumResultsForSearch: Infinity }); // Fuel type $('#add_fuel_type').select2({ minimumResultsForSearch: Infinity }); // Capacity $('#add_capacity').select2({ minimumResultsForSearch: Infinity }); // check search auto form $('#add_auto_btn').click(function(e){ e.preventDefault(); var year = $('#add_year').val(); var brand = $('#add_brand').val(); var model = $('#add_model').val(); if( (year*1 > 0) && (brand*1 > 0) && (model*1 > 0) ) { document.add_auto.submit(); } else { alert('Fill in all the fields of the form before starting the search!'); } }); // VIN // add auto by VIN code var addVinElement = '#add_vin'; // bind to element $(addVinElement).on('input', function () { addByVin('input'); }); // fill add car form function addByVin(event) { if($(addVinElement).val().length >= 17) { var addVin = $(addVinElement).val().substring(0, 17); $.post( 'https://vnedorognik.ua/en/garage/get-params-by-vin', { vin: addVin, _token: 'hcCIXC5l9ghhd5t2aX6DiGvSWO4MFn8zqeuZXAbq' }, function (data) { // years if((data.years != undefined) && (data.years.length)) { $('#add_year').html(''); $('#add_year').select2({ minimumResultsForSearch: Infinity, data: data.years }); } // brand if((data.brands != undefined) && (data.brands.length)) { $('#add_brand').html(''); $('#add_brand').select2({ minimumResultsForSearch: Infinity, data: data.brands }); } // model if((data.models != undefined) && (data.models.length)) { $('#add_model').html(''); $('#add_model').select2({ minimumResultsForSearch: Infinity, data: data.models }); } // body_type if((data.BodyType != undefined) && (data.BodyType.length)) { $('#add_body_type').html(''); $('#add_body_type').select2({ minimumResultsForSearch: Infinity, data: data.BodyType }); } // drive_type if((data.DriveType != undefined) && (data.DriveType.length)) { $('#add_drive_type').html(''); $('#add_drive_type').select2({ minimumResultsForSearch: Infinity, data: data.DriveType }); } // fuel_type if((data.FuelType != undefined) && (data.FuelType.length)) { $('#add_fuel_type').html(''); $('#add_fuel_type').select2({ minimumResultsForSearch: Infinity, data: data.FuelType }); } // capacity if((data.Capacity != undefined) && (data.Capacity.length)) { $('#add_capacity').html(''); $('#add_capacity').select2({ minimumResultsForSearch: Infinity, data: data.Capacity }); } }, 'json' ); } } // /VIN $('.toggle-acpr').on('click', function () { $('.acpr-hidden').toggle('slow'); $('span.toggle-acpr-triangle').toggleClass("toggle-acpr-triangle-up"); }); }); function fillAddCarAttribute(attribute_id, attribute_group, label) { $.post( 'https://vnedorognik.ua/en/garage/attr-values-list', { _token: 'hcCIXC5l9ghhd5t2aX6DiGvSWO4MFn8zqeuZXAbq', model_id: $('#add_model').val(), attribute_group: attribute_group }, function (data) { $('#'+attribute_id).html('<option value="0">' + label + '</option>'); $('#'+attribute_id).select2({ data: data }); }, 'json' ); } </script> <script type="text/javascript"> function checkRegisterForm() { var _token = 'hcCIXC5l9ghhd5t2aX6DiGvSWO4MFn8zqeuZXAbq'; var first_name = $(".register_form input[name='first_name']").val(); var last_name = $(".register_form input[name='last_name']").val(); var email = $(".register_form input[name='email']").val(); var password = $(".register_form input[name='password']").val(); var password_confirmation = $(".register_form input[name='password_confirmation']").val(); $('.register_form input').css('border-color', '#dddddd'); $.ajax({ url: 'https://vnedorognik.ua/en/customer/register/validate', type:'POST', data: { _token: _token, first_name: first_name, last_name: last_name, email: email, password: password, password_confirmation: password_confirmation, recaptcha: grecaptcha.getResponse(WRA) }, success: function(data) { if($.isEmptyObject(data.error)){ document.signup_form.submit(); // alert('All is OK!'); // grecaptcha.reset(WRA); } else{ markErrorFields(data.fields); printErrorMsg(data.error); grecaptcha.reset(WRA); } } }); } function printErrorMsg (msg) { $(".print-error-msg").find("ul").html(''); $(".print-error-msg").css('display','flex'); $.each( msg, function( key, value ) { $(".print-error-msg").find("ul").append('<li style="cursor: default; color: red;">'+value+'</li>'); }); } function markErrorFields(fields) { $.each( fields, function( key, value ) { $(".register_form input[name="+value+"]").css('border-color', '#b94a48'); if(value == 'password') { $(".register_form input[name="+value+"_confirmation]").css('border-color', '#b94a48'); } if(value == 'recaptcha') { $(".register_form .recaptcha-block").css('border', '1px solid #b94a48'); } }); } function clearRegisterErrors() { $(".print-error-msg").find("ul").html(''); $(".print-error-msg").css('display','none'); $('.register_form input').css('border-color', '#dddddd'); $('.login_form input').css('border-color', '#dddddd'); $(".register_form .recaptcha-block").css('border', 'none'); } function markAuthErrorFields(fields) { $.each( fields, function( key, value ) { $(".login_form input[name="+value+"]").css('border-color', '#b94a48'); if(value == 'password') { $(".login_form input[name="+value+"_confirmation]").css('border-color', '#b94a48'); } }); } function checkAuthForm() { var _token = 'hcCIXC5l9ghhd5t2aX6DiGvSWO4MFn8zqeuZXAbq'; var email = $(".login_form input[name='email']").val(); var password = $(".login_form input[name='password']").val(); $('.login_form input').css('border-color', '#dddddd'); $.ajax({ url: 'https://vnedorognik.ua/en/customer/register/auth', type:'POST', data: { _token: _token, email: email, password: password }, success: function(data) { if($.isEmptyObject(data.error)){ document.login_form.submit(); } else{ markAuthErrorFields(data.fields); printErrorMsg(data.error); } } }); } </script> <script type="text/javascript"> jQuery(document).ready(function ($) { $('#call_phone').inputmask('+38(999)999-99-99'); }); function checkCallForm() { var call_name = $('#call_name').val(); var call_phone = $('#call_phone').val(); var call_errors = []; $('#cmb_btn').attr('disabled', 'disabled'); clearCallErrors(); // validate form fields if((call_name.length < 3) || (call_name.length > 50)) { call_errors.push('Name must contain from 3 to 50 characters'); } else if (!validCallName(call_name)) { call_errors.push('Name must contain alphabet and digits only') } if((call_phone.length < 9) || (call_phone.length > 20)) { call_errors.push('Phone number must contain from 9 to 20 digits'); } else if (!validCallPhone(call_phone)) { call_errors.push('Phone number must contain digits only') } if(call_errors.length > 0) { var append = ''; call_errors.forEach(function(item, i, call_errors){ append = append + '<li style="color: red;">' + item + '</li>'; }); $('#call_form_errors ul').html(append); $('#call_form_errors').show(); $('#cmb_btn').removeAttr('disabled'); } else { sendCallForm(); } } function validCallName(name) { var re = /^[\'\s0-9a-zA-z\u0400-\u04FF]+$/; return re.test(name); } function validCallPhone(phone) { var re = /^\+38$(\d+)$\d{3}-\d{2}-\d{2}$/; return re.test(phone); } function clearCallErrors() { // clear errors block $('#call_form_errors ul').html(''); $('#call_form_errors').hide(); } function sendCallForm() { // clearCallErrors(); // $('#call_name').val(''); // $('#call_phone').val(''); // $('#cmb_btn').removeAttr('disabled'); // document.call_me_back_form.submit(); $.post( 'https://vnedorognik.ua/en/shop/call-me-back', { _token: 'hcCIXC5l9ghhd5t2aX6DiGvSWO4MFn8zqeuZXAbq', name: $('#call_name').val(), phone: $('#call_phone').val(), pageTitle: document.getElementsByTagName("title")[0].innerHTML }, function (response) { if(!response.length) { $('#call_me_back').hide(); $('#cmb_success').show(); } else { $('#call_form_errors ul').append('<li style="color: red;">' + response[0] + '</li>'); $('#call_form_errors').show(); $('#cmb_btn').removeAttr('disabled'); } }, 'json' ); } </script> <script type="text/javascript" src="https://vnedorognik.ua/themes/default/assets/js/shop/shop/jquery.inputmask.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function ($) { $('#complaint_phone').inputmask('+38(999)999-99-99'); }); function checkComplaintForm() { var complaint_name = $('#complaint_name').val(); var complaint_email = $('#complaint_email').val(); var complaint_phone = $('#complaint_phone').val(); var complaint_comment = $('#complaint_comment').val(); var complaint_errors = []; $('#complaint_btn_submit').attr('disabled', 'disabled'); clearComplaintErrors(); // validate form fields if((complaint_name.length < 3) || (complaint_name.length > 50)) { complaint_errors.push('Name must contain from 3 to 50 characters'); } else if (!validComplaintName(complaint_name)) { complaint_errors.push('Name must contain alphabet and digits only') } if (!validComplaintEmail(complaint_email)) { complaint_errors.push('Invalid email address') } if (!validComplaintPhone(complaint_phone)) { complaint_errors.push('Phone must match the pattern: +38(XXX)XXX-XX-XX') } if((complaint_comment.length < 3) || (complaint_comment.length > 500)) { complaint_errors.push('Message must contain between 3 and 500 characters'); } else if (!validComplaintComment(complaint_comment)) { complaint_errors.push('Message must contain only letters and numbers') } if(complaint_errors.length > 0) { var append = ''; complaint_errors.forEach(function(item, i, complaint_errors){ append = append + '<li style="color: red;">' + item + '</li>'; }); $('#complaint_form_errors ul').html(append); $('#complaint_form_errors').show(); $('#complaint_btn_submit').removeAttr('disabled'); } else { sendComplaintForm(); } } function validComplaintName(name) { var re = /^[\'\s0-9a-zA-z\u0400-\u04FF]+$/; return re.test(name); } function validComplaintEmail(email) { var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); } function validComplaintPhone(phone) { var re = /^\+38$(\d+)$\d{3}-\d{2}-\d{2}$/; return re.test(phone); } function validComplaintComment(comment) { var re = /^[\'\?\!\,\.\_\-\"\«\»\s0-9a-zA-z\u0400-\u04FF]+$/; return re.test(comment); } function clearComplaintErrors() { // clear errors block $('#complaint_form_errors ul').html(''); $('#complaint_form_errors').hide(); } function sendComplaintForm() { $.post( 'https://vnedorognik.ua/en/shop/complaint', { _token: 'hcCIXC5l9ghhd5t2aX6DiGvSWO4MFn8zqeuZXAbq', email: $('#complaint_email').val(), phone: $('#complaint_phone').val(), name: $('#complaint_name').val(), comment: $('#complaint_comment').val() }, function (response) { if(!response.length) { $('#complaint').hide(); $('#complaint_success').show(); } else { $('#complaint_form_errors ul').append('<li style="color: red;">' + response[0] + '</li>'); $('#complaint_form_errors').show(); $('#complaint_btn_submit').removeAttr('disabled'); } }, 'json' ); } </script> <script type="text/javascript"> function checkSubscribeToProductForm() { var complaint_email = $('#subscribe_to_product_email').val(); var complaint_id = $('#subscribe_to_product_id').val(); var complaint_errors = []; $('#subscribe_to_product_submit').attr('disabled', 'disabled'); clearSubscribeToProductErrors(); // validate form fields if (complaint_id*1 <= 0) { complaint_errors.push('You haven’t selected a product!') } if (!validSubscribeToProductEmail(complaint_email)) { complaint_errors.push('Invalid email address') } if(complaint_errors.length > 0) { var append = ''; complaint_errors.forEach(function(item, i, complaint_errors){ append = append + '<li style="color: red;">' + item + '</li>'; }); $('#subscribe_to_product_form_errors ul').html(append); $('#subscribe_to_product_form_errors').show(); $('#subscribe_to_product_submit').removeAttr('disabled'); } else { sendSubscribeToProductForm(); } } function validSubscribeToProductEmail(email) { var re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return re.test(email); } function clearSubscribeToProductErrors() { // clear errors block $('#subscribe_to_product_form_errors ul').html(''); $('#subscribe_to_product_form_errors').hide(); } function sendSubscribeToProductForm() { $.post( 'https://vnedorognik.ua/en/shop/subscribe-to-product', { _token: 'hcCIXC5l9ghhd5t2aX6DiGvSWO4MFn8zqeuZXAbq', product_id: $('#subscribe_to_product_id').val(), email: $('#subscribe_to_product_email').val() }, function (response) { if(!response.length) { $('#subscribe_to_product').hide(); $('#subscribe_to_product_success').show(); } else { $('#subscribe_to_product_form_errors ul').append('<li style="color: red;">' + response[0] + '</li>'); $('#subscribe_to_product_form_errors').show(); $('#subscribe_to_product_submit').removeAttr('disabled'); } }, 'json' ); } function subscribeToProductPopup(productId) { clearSubscribeToProductErrors();console.log('subscribeToProductPopup'); $('#subscribe_to_product_id').val(productId); $('#subscribe_to_product_email').val(''); $('#subscribe_to_product_submit').removeAttr('disabled'); $('#subscribe_to_product').show(); $('#subscribe_to_product_success').hide(); $('body').addClass('fixed'); $('.popup_bg').fadeIn(); $('.popup_wrapper.subscribe_to_product_form').show(); } </script> <script> var cookieAlert = document.querySelector(".cookie-consent"); var acceptCookies = document.querySelector(".cookie-consent-accept-button"); cookieAlert.offsetHeight; // Force browser to trigger reflow (https://stackoverflow.com/a/39451131) // Show the alert if we cant find the "acceptCookies" cookie if (!getCookie("acceptCookies")) { cookieAlert.classList.add("cc-show"); } // When clicking on the agree button, create a 1 year // cookie to remember user's choice and close the banner function acceptCookieConsent() { setCookie("acceptCookies", true, 365); var cA = document.querySelector(".cookie-consent"); cA.classList.remove("cc-show"); // dispatch the accept event window.dispatchEvent(new Event("cookieAlertAccept")) } // Cookie functions from w3schools function setCookie(cname, cvalue, exdays) { var d = new Date(); d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000)); var expires = "expires=" + d.toUTCString(); document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/"; } // get cookie by name function getCookie(cname) { var name = cname + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) === ' ') { c = c.substring(1); } if (c.indexOf(name) === 0) { return c.substring(name.length, c.length); } } return ""; } </script> <script> $(document).ready(function() { let scrollButton = $('<button class="scroll-to-top"><img src="/themes/default/assets/img/svg/ar_down_white.svg" alt="Arrow Down" class="arrow-up"></button>').appendTo('body').hide(); $(window).scroll(function() { if ($(this).scrollTop() > $(window).height() * 0.35) { scrollButton.fadeIn(); } else { scrollButton.fadeOut(); } }); scrollButton.click(function() { $('html, body').animate({ scrollTop: 0 }, 500); }); // Apply styles only iphone if (/iPhone|iPad|iPod/i.test(navigator.userAgent)) { document.querySelectorAll('.arrow-up').forEach(function (arrow) { // arrow.style.setProperty('margin-left', '-6px', 'important'); }); } }); </script> <style> .scroll-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background-color: #354b61; color: white; border: none; border-radius: 50%; font-size: 24px; cursor: pointer; display: none; align-items: center; justify-content: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); transition: background-color 0.3s; outline: none; z-index: 500; @media (max-width: 576px) { bottom: 90px; right: 0; left: 30px; } } .scroll-to-top:hover { background-color: #4a6d87; } .scroll-to-top:focus { outline: none; background-color: #354b61; } .arrow-up { transform: rotate(180deg); width: 16px; height: 16px; margin-top: -6px; } </style> <div class="modal-overlay"></div>  </body> </html><script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="22d93fd1657fde578386c8ea-|49" defer></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>