Перейти к содержимому


Убрать Синюю Полосу На Главной Внизу


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 8

#1 kuziomavladimir@yandex.ru

kuziomavladimir@yandex.ru

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 11 Апрель 2018 - 20:41

Здравствуйте, помогите убрать синюю полосу на главной внизу и сделать вместо неё карусель брендов на фоне картинки с женщиной

Прикрепленные изображения

  • 8977.jpg


#2 RayLi

RayLi

    Активный участник

  • Модераторы
  • 2 864 сообщений

Отправлено 12 Апрель 2018 - 09:54

Просмотр сообщенияkuziomavladimir@yandex.ru (11 Апрель 2018 - 20:41) писал:

Здравствуйте, помогите убрать синюю полосу на главной внизу и сделать вместо неё карусель брендов на фоне картинки с женщиной

Здравствуйте.
Чтобы убрать данный блок, Вам необходимо в шаблоне main.css найти следующий код:

			<!-- /END Вы смотрели -->
		  </div>
		  
		</div>
	  </div>
	</div>
	
	<!-- Информационный блок -->
	{% IF index_page %}
	<div id="block-info">
	  <div class="container">
		<div class="row">
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-truck"></em></div>
			<div class="text-block">
			  <h4>Удобная доставка</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-unlock-alt"></em></div>
			<div class="text-block">
			  <h4>Безопасная оплата</h4>
			</div>
		  </div>
		  <div class="clear-resp"></div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-rotate-left"></em></div>
			<div class="text-block">
			  <h4>Гарантия на товар</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-phone"></em></div>
			<div class="text-block">
			  <h4>Прием заказов 24/7</h4>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Информационный блок -->
	<!-- Подвал -->

И заменить его вот этим вот кодом:

			<!-- /END Вы смотрели -->
		  </div>
		  
		</div>
	  </div>
	</div>
	
	<!-- Подвал -->


#3 kuziomavladimir@yandex.ru

kuziomavladimir@yandex.ru

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 12 Апрель 2018 - 15:00

Просмотр сообщенияRayLi (12 Апрель 2018 - 09:54) писал:

Здравствуйте.
Чтобы убрать данный блок, Вам необходимо в шаблоне main.css найти следующий код:

<!-- /END Вы смотрели -->
</div>

</div>
</div>
</div>

<!-- Информационный блок -->
{% IF index_page %}
<div id="block-info">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-truck"></em></div>
<div class="text-block">
<h4>Удобная доставка</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-unlock-alt"></em></div>
<div class="text-block">
<h4>Безопасная оплата</h4>
</div>
</div>
<div class="clear-resp"></div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-rotate-left"></em></div>
<div class="text-block">
<h4>Гарантия на товар</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-phone"></em></div>
<div class="text-block">
<h4>Прием заказов 24/7</h4>
</div>
</div>
</div>
</div>
</div>
{% ENDIF %}
<!-- /END Информационный блок -->
<!-- Подвал -->

И заменить его вот этим вот кодом:

<!-- /END Вы смотрели -->
</div>

</div>
</div>
</div>

<!-- Подвал -->



Большое спасибо, И теперь по поводу карусели из брендов на месте этой полосы. Нужно сделать чтобы картинка с женщиной с гантелями отображалась полностью, и  на фоне этой картинки отображалась карусель из картинок с брендами. картинки с брендами я позже залью. На скрине проиллюстрировал вопрос

Прикрепленные изображения

  • 88.jpg
  • Untitled-177.jpg
  • 88.jpg
  • Untitled-177.jpg
  • 88.jpg
  • Untitled-177.jpg


#4 kuziomavladimir@yandex.ru

kuziomavladimir@yandex.ru

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 15 Апрель 2018 - 00:11

Сможете помочь?

#5 kuziomavladimir@yandex.ru

kuziomavladimir@yandex.ru

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 15 Апрель 2018 - 17:07

Просмотр сообщенияRayLi (12 Апрель 2018 - 09:54) писал:

Здравствуйте.
Чтобы убрать данный блок, Вам необходимо в шаблоне main.css найти следующий код:

<!-- /END Вы смотрели -->
</div>

</div>
</div>
</div>

<!-- Информационный блок -->
{% IF index_page %}
<div id="block-info">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-truck"></em></div>
<div class="text-block">
<h4>Удобная доставка</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-unlock-alt"></em></div>
<div class="text-block">
<h4>Безопасная оплата</h4>
</div>
</div>
<div class="clear-resp"></div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-rotate-left"></em></div>
<div class="text-block">
<h4>Гарантия на товар</h4>
</div>
</div>
<div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
<div class="icon-block"><em class="fa fa-phone"></em></div>
<div class="text-block">
<h4>Прием заказов 24/7</h4>
</div>
</div>
</div>
</div>
</div>
{% ENDIF %}
<!-- /END Информационный блок -->
<!-- Подвал -->

И заменить его вот этим вот кодом:

<!-- /END Вы смотрели -->
</div>

</div>
</div>
</div>

<!-- Подвал -->
Вопрос Ещё актуален По поводу карусели из брендов

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 17 Апрель 2018 - 03:00

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF index_page && TARIFF_FEATURE_NEWS %}
	<div id="footer-top">
	  <div class="container">
		<div class="row">
		  <!-- Если в тарифном плане подключен модуль новостей -->
		  {% IF news_list_all_empty=0 || news_list_shop_empty=0 || news_list_articles_empty=0 ||  news_list_mass_media_empty=0 %}
		  <div class="block-news col-xs-12">
			<h3 class="title"><a href="{NEWS_ALL_URL}">Новости</a></h3>
			<div class="navigation">
			  <span class="prev"><i class="fa fa-angle-left"></i></span>
			  <span class="next"><i class="fa fa-angle-right"></i></span>
			</div>
			<div class="block-content">
			  <ul class="owl-carousel owl-theme">
			  <!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			  {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
				<li class="item">
				{% FOR news_list_all %}
				  <div class="item-post col-md-3 col-sm-6 col-sms-6 col-smb-12">
					<div class="postTitle">
					  <a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a>
					</div>
					<div class="postContent">
					  <p>{news_list_all.TEXT_SHORT}</p>
					</div>
					{% IF news_list_all.SHOW_TIME %}
					<div class="date">
					  <span>{news_list_all.TIME | date("d.m.Y")}</span>
					</div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
				</li>
			  {% ENDIF %}
			  <!--  /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			  <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			  {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
				<li class="item row">
				{% FOR news_list_shop %}
				  <div class="item-post col-md-3 col-sm-6 col-sms-6 col-smb-12">
					<div class="postTitle">
					  <a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a>
					</div>
					<div class="postContent">
					  <p>{news_list_shop.TEXT_SHORT}</p>
					</div>
					{% IF news_list_shop.SHOW_TIME %}
					<div class="date">
					  <span>{news_list_shop.TIME | date("d.m.Y")}</span>
					</div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
				</li>
			  {% ENDIF %}
			  <!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			  <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
			  {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
				<li class="item">
				{% FOR news_list_articles %}
				  <div class="item-post col-md-3 col-sm-6 col-sms-6 col-smb-12">
					<div class="postTitle">
					  <a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;">{news_list_articles.TITLE}</a>
					</div>
					<div class="postContent">
					  <p>{news_list_articles.TEXT_SHORT}</p>
					</div>
					{% IF news_list_articles.SHOW_TIME %}
					<div class="date">
					  <span>{news_list_articles.TIME | date("d.m.Y")}</span>
					</div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
				</li>
			  {% ENDIF %}
			  <!-- /Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
			  <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
			  {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
				<li class="item">
				{% FOR news_list_mass_media %}
				  <div class="item-post col-md-3 col-sm-6 col-sms-6 col-smb-12">
					<div class="postTitle">
					  <a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;">{news_list_mass_media.TITLE}</a>
					</div>
					<div class="postContent">
					  <p>{news_list_mass_media.TEXT_SHORT}</p>
					</div>
					{% IF news_list_mass_media.SHOW_TIME %}
					<div class="date">
					  <span>{news_list_mass_media.TIME | date("d.m.Y")}</span>
					</div>
					{% ENDIF %}
				  </div>
				{% ENDFOR %}
				</li>
			  {% ENDIF %}
			  <!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
			  </ul>
			</div>
		  </div>
		  {% ENDIF %}
		  <!-- /END Если в тарифном плане подключен модуль новостей -->
		</div>
	  </div>
	</div>
	{% ENDIF %}
	
    
замените на:
<div id="footer-top">
	  <div class="container">
		<div class="row">
		  <div class="block-news col-xs-12">
			<h3 class="title">Бренды</h3>
			<div class="navigation">
			  <span class="prev"><i class="fa fa-angle-left"></i></span>
			  <span class="next"><i class="fa fa-angle-right"></i></span>
			</div>
			<div class="block-content">
			  <ul class="owl-carousel owl-theme">
				<li class="item">
				  <div class="item-post col-md-12 col-sm-12 col-sms-12 col-smb-12">
					<img src="#" alt="" />
				  </div>
				</li>
				<li class="item">
				  <div class="item-post col-md-12 col-sm-12 col-sms-12 col-smb-12">
					<img src="#" alt="" />
				  </div>
				</li>
				<li class="item">
				  <div class="item-post col-md-12 col-sm-12 col-sms-12 col-smb-12">
					<img src="#" alt="" />
				  </div>
				</li>
			  </ul>
			</div>
		  </div>
		</div>
	  </div>
	</div>
    
    
Вместо символа # укажите ссылки на картинки, добавлять бренды можете по аналогии добавив после:
<li class="item">
				  <div class="item-post col-md-12 col-sm-12 col-sms-12 col-smb-12">
					<img src="#" alt="" />
				  </div>
				</li>
                
аналогичный блок.

#7 kuziomavladimir@yandex.ru

kuziomavladimir@yandex.ru

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 17 Апрель 2018 - 20:31

Просмотр сообщенияVaccina (17 Апрель 2018 - 03:00) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
{% IF index_page && TARIFF_FEATURE_NEWS %}
<div id="footer-top">
	 <div class="container">
	 <div class="row">
		 <!-- Если в тарифном плане подключен модуль новостей -->
		 {% IF news_list_all_empty=0 || news_list_shop_empty=0 || news_list_articles_empty=0 || news_list_mass_media_empty=0 %}
		 <div class="block-news col-xs-12">
		 <h3 class="title"><a href="{NEWS_ALL_URL}">Новости</a></h3>
		 <div class="navigation">
			 <span class="prev"><i class="fa fa-angle-left"></i></span>
			 <span class="next"><i class="fa fa-angle-right"></i></span>
		 </div>
		 <div class="block-content">
			 <ul class="owl-carousel owl-theme">
			 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			 {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
			 <li class="item">
			 {% FOR news_list_all %}
				 <div class="item-post col-md-3 col-sm-6 col-sms-6 col-smb-12">
				 <div class="postTitle">
					 <a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a>
				 </div>
				 <div class="postContent">
					 <p>{news_list_all.TEXT_SHORT}</p>
				 </div>
				 {% IF news_list_all.SHOW_TIME %}
				 <div class="date">
					 <span>{news_list_all.TIME | date("d.m.Y")}</span>
				 </div>
				 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
			 </li>
			 {% ENDIF %}
			 <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			 {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
			 <li class="item row">
			 {% FOR news_list_shop %}
				 <div class="item-post col-md-3 col-sm-6 col-sms-6 col-smb-12">
				 <div class="postTitle">
					 <a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a>
				 </div>
				 <div class="postContent">
					 <p>{news_list_shop.TEXT_SHORT}</p>
				 </div>
				 {% IF news_list_shop.SHOW_TIME %}
				 <div class="date">
					 <span>{news_list_shop.TIME | date("d.m.Y")}</span>
				 </div>
				 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
			 </li>
			 {% ENDIF %}
			 <!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			 <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
			 {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
			 <li class="item">
			 {% FOR news_list_articles %}
				 <div class="item-post col-md-3 col-sm-6 col-sms-6 col-smb-12">
				 <div class="postTitle">
					 <a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;">{news_list_articles.TITLE}</a>
				 </div>
				 <div class="postContent">
					 <p>{news_list_articles.TEXT_SHORT}</p>
				 </div>
				 {% IF news_list_articles.SHOW_TIME %}
				 <div class="date">
					 <span>{news_list_articles.TIME | date("d.m.Y")}</span>
				 </div>
				 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
			 </li>
			 {% ENDIF %}
			 <!-- /Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
			 <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
			 {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
			 <li class="item">
			 {% FOR news_list_mass_media %}
				 <div class="item-post col-md-3 col-sm-6 col-sms-6 col-smb-12">
				 <div class="postTitle">
					 <a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;">{news_list_mass_media.TITLE}</a>
				 </div>
				 <div class="postContent">
					 <p>{news_list_mass_media.TEXT_SHORT}</p>
				 </div>
				 {% IF news_list_mass_media.SHOW_TIME %}
				 <div class="date">
					 <span>{news_list_mass_media.TIME | date("d.m.Y")}</span>
				 </div>
				 {% ENDIF %}
				 </div>
			 {% ENDFOR %}
			 </li>
			 {% ENDIF %}
			 <!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
			 </ul>
		 </div>
		 </div>
		 {% ENDIF %}
		 <!-- /END Если в тарифном плане подключен модуль новостей -->
	 </div>
	 </div>
</div>
{% ENDIF %}

замените на:
<div id="footer-top">
	 <div class="container">
	 <div class="row">
		 <div class="block-news col-xs-12">
		 <h3 class="title">Бренды</h3>
		 <div class="navigation">
			 <span class="prev"><i class="fa fa-angle-left"></i></span>
			 <span class="next"><i class="fa fa-angle-right"></i></span>
		 </div>
		 <div class="block-content">
			 <ul class="owl-carousel owl-theme">
			 <li class="item">
				 <div class="item-post col-md-12 col-sm-12 col-sms-12 col-smb-12">
				 <img src="#" alt="" />
				 </div>
			 </li>
			 <li class="item">
				 <div class="item-post col-md-12 col-sm-12 col-sms-12 col-smb-12">
				 <img src="#" alt="" />
				 </div>
			 </li>
			 <li class="item">
				 <div class="item-post col-md-12 col-sm-12 col-sms-12 col-smb-12">
				 <img src="#" alt="" />
				 </div>
			 </li>
			 </ul>
		 </div>
		 </div>
	 </div>
	 </div>
</div>


Вместо символа # укажите ссылки на картинки, добавлять бренды можете по аналогии добавив после:
<li class="item">
				 <div class="item-post col-md-12 col-sm-12 col-sms-12 col-smb-12">
				 <img src="#" alt="" />
				 </div>
			 </li>

аналогичный блок.
Ок, теперь подскажите пожалуйста как изменить длину этой карусели, чтобы несколько картинок брендов отображались на всю ширину страницы, как показано на скрине. И нужно сделать чтобы кнопки стрелок были по бокам карусели ( на скрине проиллюстрировал)

Прикрепленные изображения

  • Unrrrtitled-1.jpg


#8 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 709 сообщений

Отправлено 19 Апрель 2018 - 15:08

Просмотр сообщенияkuziomavladimir@yandex.ru (17 Апрель 2018 - 20:31) писал:

Ок, теперь подскажите пожалуйста как изменить длину этой карусели, чтобы несколько картинок брендов отображались на всю ширину страницы, как показано на скрине. И нужно сделать чтобы кнопки стрелок были по бокам карусели ( на скрине проиллюстрировал)
Здравствуйте, найдите в шаблоне HTML код
<div id="footer-top">
		 <div class="container">
			 <div class="row">
				 <div class="block-news col-xs-2">
					 <!--<h3 class="title">Бренды</h3>-->
	
замените на
<div id="footer-top">
		 <div class="container">
			 <div class="row">
				 <div class="block-news col-xs-12">
					 <!--<h3 class="title">Бренды</h3>-->
	

далее найдите в файле main.js код
function slideNews() {
var owl = $(".block-news ul");
// Показывать\Скрывать навигацию
owl.on('initialized.owl.carousel changed.owl.carousel', function(event) {
var items = event.item.count;
var size = event.page.size;
if (items > size){
	 $('#producttabs .pdt-best.products-container .products-grid .owl-controls').show();
} else {
	 $('#producttabs .pdt-best.products-container .products-grid .owl-controls').hide();
}
});
owl.owlCarousel({
items: 1,
loop: false,
rewind: true,
lazyLoad: false,
nav: true,
dots: false,
navText: [ , ],
autoplay: true,
autoplayHoverPause: true,
smartSpeed: 500,
mouseDrag: true,
touchDrag: true,
pullDrag: true,
responsiveClass: true,
responsiveRefreshRate: 100,
responsive: {
	 0:{items:1},
	 320:{items:1},
	 480:{items:1},
	 768:{items:1},
	 992:{items:1},
	 1200:{items:1},
	 1400:{items:1}
}
});
замените на
function slideNews() {
var owl = $(".block-news ul");
// Показывать\Скрывать навигацию
owl.on('initialized.owl.carousel changed.owl.carousel', function(event) {
var items = event.item.count;
var size = event.page.size;
if (items > size){
	 $('#producttabs .pdt-best.products-container .products-grid .owl-controls').show();
} else {
	 $('#producttabs .pdt-best.products-container .products-grid .owl-controls').hide();
}
});
owl.owlCarousel({
items: 5,
loop: false,
rewind: true,
lazyLoad: false,
nav: true,
dots: false,
navText: [ , ],
autoplay: true,
autoplayHoverPause: true,
smartSpeed: 500,
mouseDrag: true,
touchDrag: true,
pullDrag: true,
responsiveClass: true,
responsiveRefreshRate: 100,
responsive: {
	 0:{items:1},
	 320:{items:1},
	 480:{items:2},
	 768:{items:3},
	 992:{items:4},
	 1200:{items:5},
	 1400:{items:5}
}
});
далее найдите в файле main.css код
#footer-top .block-news .navigation {
float: right;
right: 0px;
margin-top: -30px;
	 position: relative;

}
замените на
#footer-top .block-news .navigation {
float: right;
right: 0px;
margin-top: -30px;
/* position: relative; */
z-index: 99999;
}
#footer-top .block-news .navigation span.prev {
position: absolute;
top: 72px;
left: 0;
z-index: 9;
}
#footer-top .block-news .navigation span.next {
position: absolute;
top: 78px;
right: 0;
z-index: 9;
}


#9 kuziomavladimir@yandex.ru

kuziomavladimir@yandex.ru

    Пользователь

  • Пользователи
  • PipPip
  • 35 сообщений

Отправлено 19 Апрель 2018 - 22:24

Спасибо большое! Всё получилось!!!




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных