Как сделать слайдер не на всю ширину?

Шаблон Nexoos Документация по шаблону
1

В файле \templates\nexshops\index.php_.html

Заместо

   <div id="main_slider_wrap" >
		<div id="main_slider" class="sw-container">
			<div class="load_foto"></div>
			<div class="sw-wrapper">{insert name="getBanner" group='slider_main'}</div>
			<div class="sw-next"></div>
			<div class="sw-prev"></div>
		</div>

		<div id="main_slider_nav_wrap">
			<div id="main_slider_nav" class="sw-nav"></div>
		</div>
	</div>

Вставить

<div class="grid-container"><div class="grid-100">
<div id="main_slider_wrap" >
  	<div id="main_slider" class="sw-container">
  		<div class="load_foto"></div>
  		<div class="sw-wrapper">{insert name="getBanner" group='slider_main'}</div>
  		<div class="sw-next"></div>
  		<div class="sw-prev"></div>
  	</div>

  	<div id="main_slider_nav_wrap">
  		<div id="main_slider_nav" class="sw-nav"></div>
  	</div>
</div>
</div></div>

В админке Nexoos - Настройки → Дополнительный css

вставить

#main_slider{
  height: auto !important;
}

и нажать кнопку сохранить.

Слайдер теперь на ширину сайта.

Картинок при таком положении будет достаточно две, разметка следующая

<picture>
<!--[if IE 9]><video style="display: none;"><![endif]-->
<source data-srcset="images/slider/1/image_1320_350.jpg" media="(min-width: 640px)">
<!--[if IE 9]></video><![endif]-->
<img class="sw-lazy" data-src="images/slider/1/image_640_360.jpg" alt="описание слайда">
</picture>

Картинки размером 1320 на 350 пикселей для компьютеров
640 на 360 пикселей для мобильников