Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

Главная Страница Движение

Автор Владимир Ал, 03 янв. 2015 23:42

шапка фон выпадающее меню слайдер

Авторизуйтесь для ответа в теме

Сообщений в теме: 152

#141 Владимир Ал

Продвинутый пользователь

Пользователи
149 сообщений

Отправлено 01 Апрель 2015 - 18:00

как то плавно тема перешла в обсуждение на 2 темах. Чтоб не отвлекаться впустую предлагаю продолжить далее в теме
http://forum.storela...ем/page__st__20 22 сообщение.

Наверх

#142 Finwiz

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

Пользователи
10 сообщений

Отправлено 30 Июль 2015 - 20:32

Здравствуйте, если я просмотрел что это писалось, прошу простить, написать ссылку где писалось. Если нет, скажите сделать. Я удалил все слайды, как теперь удалить скрипты от них и нижеслудующий блок за ними? Что бы получилось вот так везде:

https://yadi.sk/i/BeEQ-C3DiBdTQ

Как удалить вот эту штуку при скроллинге: https://yadi.sk/i/gOGguMZZiBdQM

Спасибо!

Наверх

#143 Finwiz

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

Пользователи
10 сообщений

Отправлено 30 Июль 2015 - 21:44

Штуку при скроллинге удалил (плашку) С первым пока вопрос.

Наверх

#144 Vaccina

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

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

Отправлено 31 Июль 2015 - 02:36

В шаблоне HTML найдите и удалите:

{% IF index_page %}
	  <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}camera.css?design=movement">
	  <script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js?design=movement'></script>
	  <script>
	   jQuery(function(){	
	   jQuery('#camera_wrap_1').camera({
			minHeight: '400px',
			maxHeight: '600px',
			pagination: false,
		thumbnails: false,
			time: 3000
	   });
	  });
	 </script>
	{% ENDIF %}

<!-- Главная страница -->
	  {% IF index_page %}
	  <div class="fluid-container">
		<div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg?design=movement">
			<div class="camera_caption moveFromLeft">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg?design=movement">
			<div class="camera_caption moveFomRight">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg?design=movement">
			<div class="camera_caption moveFromLeft">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
			<div class="camera_caption moveFomRight">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg?design=movement">
			<div class="camera_caption fadeFromLeft">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg?design=movement">
			<div class="camera_caption fadeFromRight">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg?design=movement">
			<div class="camera_caption fadeFromLeft">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		  <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
			<div class="camera_caption fadeFromRight">
			  Мечты становятся реальностью, когда мысли превращаются в действия!
			</div>
		  </div>
		</div><!-- #camera_wrap_1 -->
		<div class="clear"></div>
	  </div><!-- .fluid_container -->

	  {% ENDIF %}

Далее в style.css найдите:

.promo_block {background: #000; top: -55px !important;}

замените на:

.promo_block {background: #000; top: -55px !important; margin-top: 250px;}

Наверх

#145 Finwiz

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

Пользователи
10 сообщений

Отправлено 31 Июль 2015 - 11:17

Верстка просто собралась в кучу.. https://yadi.sk/i/vrEvCPGiiC7XB ;(

Наверх

#146 Finwiz

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

Пользователи
10 сообщений

Отправлено 31 Июль 2015 - 14:02

Vaccina (31 Июль 2015 - 02:36) писал:

В шаблоне HTML найдите и удалите:

{% IF index_page %}
	 <link rel="stylesheet" type="text/css" href="{ASSETS_STYLES_PATH}camera.css?design=movement">
	 <script type='text/javascript' src='{ASSETS_JS_PATH}camera.min.js?design=movement'></script>
	 <script>
	 jQuery(function(){	
	 jQuery('#camera_wrap_1').camera({
		 minHeight: '400px',
		 maxHeight: '600px',
		 pagination: false,
	 thumbnails: false,
		 time: 3000
	 });
	 });
	 </script>
{% ENDIF %}

<!-- Главная страница -->
	 {% IF index_page %}
	 <div class="fluid-container">
	 <div class="camera_wrap camera_black_skin" id="camera_wrap_1">
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg?design=movement">
		 <div class="camera_caption moveFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg?design=movement">
		 <div class="camera_caption moveFomRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg?design=movement">
		 <div class="camera_caption moveFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
		 <div class="camera_caption moveFomRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide1.jpg" data-src="{ASSETS_IMAGES_PATH}slide1.jpg?design=movement">
		 <div class="camera_caption fadeFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide2.jpg" data-src="{ASSETS_IMAGES_PATH}slide2.jpg?design=movement">
		 <div class="camera_caption fadeFromRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide3.jpg" data-src="{ASSETS_IMAGES_PATH}slide3.jpg?design=movement">
		 <div class="camera_caption fadeFromLeft">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
		 <div data-thumb="{ASSETS_IMAGES_PATH}slide4.jpg" data-src="{ASSETS_IMAGES_PATH}slide4.jpg?design=movement">
		 <div class="camera_caption fadeFromRight">
			 Мечты становятся реальностью, когда мысли превращаются в действия!
		 </div>
		 </div>
	 </div><!-- #camera_wrap_1 -->
	 <div class="clear"></div>
	 </div><!-- .fluid_container -->

	 {% ENDIF %}

Далее в style.css найдите:

.promo_block {background: #000; top: -55px !important;}

замените на:

.promo_block {background: #000; top: -55px !important; margin-top: 250px;}

Здравствуйте, решил откатить на рабочую версию, восстановиться из бэкапа. Все сделал как описано. Ничего не получилось((( Верстка съехала, промо блок на месте. Картинка к которой мы идем выглядит так: https://yadi.sk/i/BeEQ-C3DiBdTQ

Наверх

#147 Danil

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

Пользователи
4 645 сообщений

Отправлено 01 Август 2015 - 09:29

Finwiz (31 Июль 2015 - 14:02) писал:

Здравствуйте.
После проделанной инструкции из сообщения 144, сделайте следующее:
в style.css найдите код

.home #header {
	height: auto;
	text-align: left;
	position: absolute;
	background: none;
	z-index: 1000;
	left: 50%;
	margin-left: -600px;
}

и замените на

.home #header {
	height: auto;
	text-align: left;
	background: none;
	z-index: 1000;
}

так же найдите 4 строки и удалите их

  .home #header {margin-left: -480px;}

  .home #header {margin-left: -384px;}

  .home #header {margin-left: -220px;}

  .home #header {margin-left: -150px;}

Наверх

#148 Finwiz

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

Пользователи
10 сообщений

Отправлено 01 Август 2015 - 18:58

Danil (01 Август 2015 - 09:29) писал:

Здравствуйте.
После проделанной инструкции из сообщения 144, сделайте следующее:
в style.css найдите код

.home #header {
height: auto;
text-align: left;
position: absolute;
background: none;
z-index: 1000;
left: 50%;
margin-left: -600px;
}

и замените на

.home #header {
height: auto;
text-align: left;
background: none;
z-index: 1000;
}

так же найдите 4 строки и удалите их

 .home #header {margin-left: -480px;}

 .home #header {margin-left: -384px;}

 .home #header {margin-left: -220px;}

 .home #header {margin-left: -150px;}

Здравствуйте. Сделал. Верстка встала на место. Началось движение в правильном направлении. Но пока промоблок на месте, не удалился. Расстояние между нижней частью меню и началом каталога достаточно большое еще, как его двигать не разобрался, хотелось бы что бы было 25 пикселей. https://yadi.sk/i/fyPg7LpOiDPhQ

Наверх

#149 Danil

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

Пользователи
4 645 сообщений

Отправлено 01 Август 2015 - 19:07

Finwiz (01 Август 2015 - 18:58) писал:

В шаблоне html найдите и удалите код

  <div class="container promo_block">
	  <ul>
	  <li class="box-1">
	   <h3 class="title-block">Оплата</h3>
	   <p>Множество способов оплаты</p>
	  </li>
	  <li class="box-2">
	   <h3 class="title-block">Доставка</h3>
	   <p>Доставка во все города России и стран СНГ</p>
	  </li>
	  <li class="box-3">
	   <h3 class="title-block">Гарантии</h3>
	   <p>Возврат/Замена Товара</p>
	  </li>
	  <li class="box-4">
	   <h3 class="title-block">Поддержка</h3>
	   <p>Поддержка клиентов по телефону</p>
	  </li>
	 </ul> 
		<div class="clear"></div>
   </div>

Наверх

#150 Finwiz

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

Пользователи
10 сообщений

Отправлено 01 Август 2015 - 19:31

Супер! Спасибо! Скажите. на той же главной, блок "хиты продаж" как сделать что бы карусель работала только тогда, когда пользователь кликнул туда или сюда и она переместилась на одну туда или сюда. автоматически не крутилась по кругу до бесконечности?

Наверх

#151 Danil

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

Пользователи
4 645 сообщений

Отправлено 01 Август 2015 - 19:39

Finwiz (01 Август 2015 - 19:31) писал:

В main.js найдите и удалите код

  .jcarouselAutoscroll({
			  interval: 2000,
			  target: '+=' + step
			});
		   
			jcarousel.on('mouseover', function() {
			  $(this).jcarouselAutoscroll('stop');
			});
			jcarousel.on('mouseout', function() {
			  $(this).jcarouselAutoscroll('start');
			});

Наверх

#152 Finwiz

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

Пользователи
10 сообщений

Отправлено 02 Август 2015 - 19:17

Спасибо! Возвращаюсь к первому вопросу, промоблок со слайдами удалился с главной, все хорошо. А как его удалить со всех страниц сайта? Например http://kupit-ikonu.storeland.ru/cart http://kupit-ikonu.s...land.ru/catalog и так далее?

Вопрос номер два. Возможно ли блок "Хиты продаж сделать в таком виде: https://yadi.sk/i/yGU4i5SOiE6Q6

Наверх

#153 Ирина345

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

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

Отправлено 08 Сентябрь 2015 - 13:07

Finwiz (02 Август 2015 - 19:17) писал:

Здравствуйте, найдите в шаблоне HTML

<!-- Список хитов продаж на главной -->
		  {% IFNOT index_page_favorites_goods_empty %}
			<div class="carousel_bestsellers jcarousel-wrapper">
			  <div class="header_bestsellers">
				<h2>Хиты продаж</h2>
			  </div>
			  <div id="carousel_bestsellers">
				<ul>

замените на

<!-- Список хитов продаж на главной -->
		  {% IFNOT index_page_favorites_goods_empty %}
			<div class="">
			  <div class="header_bestsellers">
				<h2>Хиты продаж</h2>
			  </div>
			  <div id="">
				<ul>

далее найдите

</li>{% ENDFOR index_page_favorites_goods %}
				</ul>
			  </div>
			  <a href="#" class="jcarousel-control-prev"></a>
			  <a href="#" class="jcarousel-control-next"></a>
			</div>
		  {% ENDIF %}
		  <!-- /Список избранных товаров на главной -->
		{% ENDIF %}
		<!-- /Главная страница -->
		
		{BODY}

замените на


</li>{% ENDFOR index_page_favorites_goods %} 
				</ul>
			  </div>
						 </div> 
		  {% ENDIF %}
		  <!-- /Список избранных товаров на главной -->
		{% ENDIF %}
		<!-- /Главная страница -->
	 <div class="clear"></div>	
		{BODY}

далее найдите в файле style.css

.main_general {margin-bottom: 11px;margin-left: 11px;float: left;display: -moz-inline-stack;*display: inline;vertical-align: top;position:relative;width: auto; *width: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px !important;*border: solid 1px #ccc;}

замените на

.main_general {margin-bottom: 11px;margin-left: 7px;float: left;display: -moz-inline-stack;*display: inline;vertical-align: top;position:relative;width: auto; *width: {SETTINGS_GOODS_IMAGES_SIZE_CAT_MEDIUM}px !important;*border: solid 1px #ccc;}

Что бы убрать отображение количества товаров в категории найдите в шаблоне Товары

 {% IFNOT IS_FULL_CATALOG %}
	<h1 class="heading_title">{% IF IS_FULL_CATALOG %}Каталог ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ELSE %}{CATEGORY_NAME} ({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} в категории){% ENDIF %}</h1>
  {% ENDIF %}

замените на

 {% IFNOT IS_FULL_CATALOG %}
	<h1 class="heading_title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %}{CATEGORY_NAME} {% ENDIF %}</h1>
  {% ENDIF %}

Наверх

Обратно в Главная

Темы с аналогичным тегами шапка фон, выпадающее меню, слайдер

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сказка → Главная → Убираем Цветной Баннер На Слайдере Автор Гость_Foxis_10_* , 17 февр. 2021 слайдер	0 Ответов 721 Просмотров	Foxis_10 17 февр. 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Нептун → Главная → Изменение Главного Баннера На Слайдер Автор Гость_Firefly_* , 04 дек. 2019 Нептун, Слайдер, owl-slider	2 Ответов 1 490 Просмотров	Firefly 02 июня 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Сканди → Изменение общей стилистики → Изменение Слайдера Автор Гость_TYURIKOFF_* , 21 марта 2019 слайдер	7 Ответов 1 949 Просмотров	Юлия_Scandidec 21 апр. 2020
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Лето → Изменение общей стилистики → Настройка Слайдера Автор Гость_tovmarket_* , 30 окт. 2018 слайдер	4 Ответов 2 005 Просмотров	tovmarket 01 нояб. 2018
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Рассвет → Как Изменить Расположение Объектов На Первом Экране Автор Гость_DMC_* , 19 окт. 2018 шапка, слайдер, логотип	1 Ответ 2 361 Просмотров	Vaccina 26 окт. 2018

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

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

Главная Страница Движение

Темы с аналогичным тегами шапка фон, выпадающее меню, слайдер

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

Войти

Google поиск