Products catalog

Roll Mountain Top on Ssangyong Rexton Sports

Code: 006543

+3 фото

+6 фото

Official representative in Ukraine

	Official representative in Ukraine
Article	roll-mt-ssangyong-rexton-sports
Material	Aluminum
Maximum load on the lid	75 kg
Color	Gray

Show full spec

Price 77023 UAH

Add to comparison

Add to Wishlist

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

Specifications

Characteristics

Article	roll-mt-ssangyong-rexton-sports
Color	Gray
Opening mechanism	Impulse (spring-inertia)
Additional options	To install with arcs, To install without arc
Material	Aluminum
Maximum load on the lid	75 kg


Brand	Mountain Top

Related cars

Car Brand	Car Model	Production year start	Production year end
SSANGYONG (KGM)	MUSSO (Q200)	2018	-

Description

Mountain Top retractable sunroof for Ssangyong Rexton Sports

The Mountain Top retractable cover for the SsangYong Rexton Sports is characterized by an aesthetically pleasing design and a high level of reliability. At the same time, the utility of the body is increased without any restrictions on versatility.

The lid is made of particularly strong aluminum, which is anodically oxidized. This clearly limits the negative effects of the environment. The rotation of the roller shutter slats is accompanied by a mutual engagement with the hinges without destructive friction.

The roller shutters have locking positions. The equipment can be easily installed on a vehicle without any problems, and there is no need to drill holes in the vehicle. There is also an integrated anti-theft system - a key advantage over competitors - that prevents intruders from committing illegal actions.
It is possible to install a drainage system for rain protection.
The lid can withstand a load of up to 75 kg and effectively copes with impacts of varying severity.

Back to the exterior. See all roller shutters.

Useful links

View and buy other roller shutters or roller shutters for pickup trucks.

Installation

</ iFrame> </p> <H3 style = "text-align: center;" <p> <iframe width = "100%" Height = "300" Title = "Vimeo-Player" SRC = "https://player.vimeo.com/video/28029188" FrameBorder = "0" "" " ALLOWFULLSCREN = "ALLOWFULLSCREN"> </ iFrame> </p> <h3 style = "text-align: center;" <p> <iframe width = "100%" Height = "300" Title = "Vimeo-Player" SRC = "https://player.vimeo.com/video/28029196" FrameBorder = "0" ALLOWFULLSCREN = "ALLOWFULLSCREN"> </ iFrame> </p> <h3 style = "text-align: center;"> Replace the lock handle </h3> <p> <iframe width = "100%" Height = "300" Title = "Vimeo-Player" SRC = "https://Player.vimeo.com/video/28029207" FrameBorder = "0" "" " ALLOWFULLSCREN = "ALLOWFULLSCREN"> </ iFrame> </p> <h3 style = "text-align: center;"> Stopal pins </h3> <p> <iframe width = "100%" Height = "300" Title = "Vimeo-Player" SRC = "https://player.vimeo.com/video/28029211" FrameBorder = "0" "" "" ALLOWFULLSCREN = "ALLOWFULLSCREN"> </ iFrame> </p> <h3 style = "text-align: center;"> replacement of the main spring </h3> <p> <iframe width = "100%" Height = "300" Title = "Vimeo-Player" SRC = "https://player.vimeo.com/video/28029221" FrameBorder = "0" "" " ALLOWFULLSCREN = "ALLOWFULLSCREN"> </ iFrame> </p> </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_row"><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 </span></a></div><div class="ai_text"><p style="width: 100%;">Payment in cash</p><p style="width: 100%;">Cashless payment</p><p style="width: 100%;">Card payment</p><p style="width: 100%;">Cash on Delivery</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="../storage/documents/2023/05/nova.svg" alt="Nova Poshta" /></div><div class="ukrp"><img src="../storage/documents/2023/05/ukr.svg" alt="Ukrposhta" /></div></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="delivery" /></div></div><p><em>Pick-up:</em>Vynnytsia, Yukovka St. 109b</p></div></div></div></div><div class="ai_item" style="height: 170px;"><div class="ai_link"><div class="ai_item_inner guarantee"><div class="ai_title"><span>Warranty</span></div><div class="ai_text"><p>100% warranty service</p><p>The warranty period 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"><span>Exchange and return</span></a></div><div class="ai_text"><p>Within 14 days: new, non-activated goods of proper 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 Roll Mountain Top on Ssangyong Rexton Sports</span> <div class="tab_inner_wrapper"> <div class="title_row"> <a href="https://vnedorognik.ua/en/product/roll-mountain-top-on-ssangyong-rexton-sports/review" title="Roll Mountain Top on Ssangyong Rexton Sports"> <button class="review_btn"> <strong>+</strong> Add review </button> </a> </div> </div> </div> <div class="tabs__content active" id="bonus"> <span class="tab_title">Bonuses</span> <div class="tab_inner_wrapper"> <div class="bonus_items"> <div class="item_wrap"> <div class="img_wrap"> <img src="https://vnedorognik.ua/cache/small/product/6543/unnamed.webp" alt=""> </div> <div class="item_description"> <strong class="item_name" style="white-space: unset;"> Roll Mountain Top on Ssangyong Rexton Sports </strong> <span class="item_id">Code: 006543</span> <span class="price bonus_product_price">77023 UAH</span> </div> </div> <span class="icon-plus"></span> <div class="item_wrap"> <div class="img_wrap"> <img src="https://vnedorognik.ua/cache/small/product/7086/1_takelazhny_nabory_4x4_max_offroad.webp" alt="Buy The 4x4 Max Vnedorognik's Tidfield" title="The 4x4 Max Vnedorognik's Tidfield price reviews"> <div class="discount_percent"> -3% </div> </div> <div class="item_description"> <strong class="item_name" style="white-space: unset;"> The 4x4 Max Vnedorognik's Tidfield </strong> <span class="item_id">Code: 007086</span> <span class="price bonus_item_price">6305 UAH</span> <span class="discount">6500 UAH</span> </div> </div> <div class="total_price_container"> <form method="POST" id="product-bonus-form" action="https://vnedorognik.ua/en/checkout/cart/add/6543" onsubmit="return checkBonusAttributes()"> <input type="hidden" name="_token" value="PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX" autocomplete="off"> <input type="hidden" name="productMain" value="6543"> <input type="hidden" name="productCrossSell" value="7086"> <input type="hidden" name="quantityBonus" id="quantityCross" value="1" > <input type="hidden" name="selected_configurable_option" id="bonus_selected_configurable_option" value="" > <strong class="price bonus_price_total">83328 UAH</strong> <input type="submit" class="button" value="Place order"/> </form> </div> </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 " > 24279 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/roll-for-ssangyong-mussorexton-sports-2018-matte-black-sot-13083-roll"> <img src="https://vnedorognik.ua/cache/large/product/45924/egnhe-musso-rexton-sportsnewlock-01.webp" alt="Buy Roll for Ssangyong Musso/Rexton Sports 2018+ Matte Black Sot 13083 Roll" title="Roll for Ssangyong Musso/Rexton Sports 2018+ Matte Black Sot 13083 Roll price reviews"> </a> </div> <span class="product_item-name related-products" title="Roll for Ssangyong Musso/Rexton Sports 2018+ Matte Black Sot 13083 Roll"> <a href="https://vnedorognik.ua/en/roll-for-ssangyong-mussorexton-sports-2018-matte-black-sot-13083-roll"> Roll for Ssangyong Musso/Rexton Sports 2018+ Matte Black Sot 13083 Roll </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/roll-for-ssangyong-mussorexton-sports-2018-matte-black-sot-13083-roll#reviews" class="all_reviews" tabindex="0"> 1 reviews </a> </div> <div class="product_item-nav"> <strong class="price not-available " style="margin-bottom: 12px;" > 115752 UAH <span class="product-list-price not-available" style="color: grey;"> Not available </span> </strong> <a class="button subscribe-to-product" onclick="subscribeToProductPopup(45924); return false;"> <img src="https://vnedorognik.ua/themes/default/assets/img/email-icon.png" alt="Subscribe" class="email-icon"> </a> <div class="inner_nav"> <a href="javascript:void(0);" class="comparison-toggle" data-product-id="45924" 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="45924" > <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/roll-for-ssangyong-mussorexton-sports-2018-matte-black"> <img src="https://vnedorognik.ua/cache/large/product/45953/b0hik-musso-rexton-sports-021.webp" alt="Buy Roll for Ssangyong Musso/Rexton Sports 2018+ Matte black" title="Roll for Ssangyong Musso/Rexton Sports 2018+ Matte black price reviews"> </a> </div> <span class="product_item-name related-products" title="Roll for Ssangyong Musso/Rexton Sports 2018+ Matte black"> <a href="https://vnedorognik.ua/en/roll-for-ssangyong-mussorexton-sports-2018-matte-black"> Roll for Ssangyong Musso/Rexton Sports 2018+ Matte black </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/roll-for-ssangyong-mussorexton-sports-2018-matte-black#reviews" class="all_reviews" tabindex="0"> 0 reviews </a> </div> <div class="product_item-nav"> <strong class="price not-available " style="margin-bottom: 12px;" > 91762 UAH <span class="product-list-price not-available" style="color: grey;"> Not available </span> </strong> <a class="button subscribe-to-product" onclick="subscribeToProductPopup(45953); return false;"> <img src="https://vnedorognik.ua/themes/default/assets/img/email-icon.png" alt="Subscribe" class="email-icon"> </a> <div class="inner_nav"> <a href="javascript:void(0);" class="comparison-toggle" data-product-id="45953" 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="45953" > <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/roll-mountain-top-on-ssangyong-rexton-sports&t=Roll+Mountain+Top+on+Ssangyong+Rexton+Sports" 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/roll-mountain-top-on-ssangyong-rexton-sports&text=Roll+Mountain+Top+on+Ssangyong+Rexton+Sports" 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/roll-mountain-top-on-ssangyong-rexton-sports" 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/roll-mountain-top-on-ssangyong-rexton-sports" 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/roll-mountain-top-on-ssangyong-rexton-sports" 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(6543)" 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.tabscaption li').removeClass('active'); $('ul.tabscaption 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/6543" @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: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX', product_id: productId, phone: phone, page: 'https://vnedorognik.ua/en/roll-mountain-top-on-ssangyong-rexton-sports' }, 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-brandicon').on('click', function () { $('.shipping-brandpopup').toggle(); }); }); dataLayer.push({ecommerce: null}); // Clear the previous ecommerce object. dataLayer.push({ event: "view_item", ecommerce: { items: [{ item_name: "Roll Mountain Top on Ssangyong Rexton Sports", item_id: "6543", price: 77023, item_brand: "Mountain Top", 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?qahQ7") </script> <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script> <script> $(document).ready(function () { // change default car processing $('.popup_wrapper.garage input[class=onoffswitch-checkbox]').on('change', function(){ // if($(this).prop('checked') == true) { var id_ex = this.id.split('_'); var currentCategorySlug = 'rolls-for-ssangyong-musso'; $.post( 'https://vnedorognik.ua/en/garage/change-default', { _token: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX', customer_cars_id: id_ex[1], customer_id: 'F4A07NLYvAKpVS8TJRQiWopPU5os3t0RWhPOohy7', category_slug: currentCategorySlug }, function (data) { if(data.reload_url !== '') { document.location.href = data.reload_url; } else { location.reload(); } // if(data1 > 0) { // remove default flags for other cars // $('.popup_wrapper.garage input[class=onoffswitch-checkbox]').each(function(){ // if(this.id != 'mydefaultcar_' + data) { // $(this).prop('checked', false); // } // }); // get name of new default car // } }, 'json' ); // } }); // remove all cars $('#modal_remove_cars').click(function(){ if(confirm('Did you really want to remove all your cars?')) { $.post( 'https://vnedorognik.ua/en/garage/remove-cars', { _token: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX', customer_id: 'F4A07NLYvAKpVS8TJRQiWopPU5os3t0RWhPOohy7' }, function (data) { if (data * 1 > 0) { $('.popup_wrapper.garage').hide(); $('.popup_bg').fadeOut(); $('.user-actions.garage div.action_number>span').text('0'); $('a.user-actions.garage label').text('My garage'); let currentUrl = new URL(window.location.href); currentUrl.searchParams.set('isRemoveCar', true); window.location.href = currentUrl.toString(); }else{ console.log('Failed to remove cars'); } }, 'text' ); } }); }); function rmCarInGaragePopup(car_id) { if(confirm('Did you really want to remove this car?')) { $.post( 'https://vnedorognik.ua/en/garage/remove-cars', { _token: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX', car_id: car_id, customer_id: 'F4A07NLYvAKpVS8TJRQiWopPU5os3t0RWhPOohy7' }, function (data) { location.reload(); }, 'text' ); } } function showRegisterPopup() { $('.popup_wrapper.garage').hide(); $('.popup_wrapper.auth_form').not('.call_me_back, .complaint_form, .subscribe_to_product_form').show(); } </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: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX' }, 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( (year1 > 0) && (brand1 > 0) && (model1 > 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: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX' }, 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: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX', 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 = 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX'; 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 = 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX'; 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: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX', 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: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX', 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_id1 <= 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: 'PVPjURKyRUKyJidroTvRdFEM6ovit86F2wTBcTsX', 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="86602e274056a1abcbe2640d-|49" defer></script><script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>