<div class="car-page-nav"> <div class="container"> <ul class="car-page-nav__list mobile-scroll"> <li class="car-page-nav__item"> <button data-href="#select-vehicle-price" class="car-page-nav__link"> {{ 'pages.car_card.nav.price'|trans({}, 'dc_base') }} </button> </li> <li class="car-page-nav__item"> <button data-href="#select-vehicle-equipment" class="car-page-nav__link"> {{ 'pages.car_card.nav.configuration'|trans({}, 'dc_base') }} </button> </li> {% if model.hasInStock %} <li class="car-page-nav__item"> <button data-href="#car-in-stock" class="car-page-nav__link"> {{ 'pages.car_card.nav.in_stock'|trans({}, 'dc_base') }} </button> </li> {% endif %} {% if vehicleColor is defined %} {% if vehicleColor is not empty %} <li class="car-page-nav__item"> <button data-href="#select-vehicle-color" class="car-page-nav__link"> {{ 'car_page.new.color'|trans({}, 'dc_base') }} </button> </li> {% endif %} {% endif %} {% if model.firstYoutubeUrl is not empty %} <section class="section_car_video" id="videoReview"> <div class="container"> {% include '@DcSite/Modules/vehicle/video-block.html.twig' with {'videoPath': model.firstYoutubeUrl, 'brand':model.brand.name,'model':model.modelName } %} </div> </section> {% endif %} {% if model.hasFeatures %} <li class="car-page-nav__item"> <button data-href="#overview" class="car-page-nav__link"> {{ 'pages.car_card.nav.overview'|trans({}, 'dc_base') }} </button> </li> {% endif %} {% if faqs %} <li class="car-page-nav__item"> <button data-href="#faq" class="car-page-nav__link"> {{ 'pages.car_card.nav.faq'|trans({}, 'dc_base') }} </button> </li> {% endif %} <li class="car-page-nav__item"> <button data-href="#about" class="car-page-nav__link"> {{ 'pages.car_card.nav.about'|trans({}, 'dc_base') }} </button> </li> </ul> </div></div>