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


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

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

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

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

Владимир Ал

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

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

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

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

#142 Finwiz

Finwiz

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

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

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

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

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


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

Спасибо!

#143 Finwiz

Finwiz

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

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

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

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

#144 Vaccina

Vaccina

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

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

Отправлено 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

Finwiz

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

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

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

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

#146 Finwiz

Finwiz

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

  • Пользователи
  • PipPip
  • 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

Danil

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

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

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

Просмотр сообщенияFinwiz (31 Июль 2015 - 14:02) писал:

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

Finwiz

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

  • Пользователи
  • PipPip
  • 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

Danil

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

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

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

Просмотр сообщенияFinwiz (01 Август 2015 - 18:58) писал:

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

Finwiz

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

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

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

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

#151 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 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

Finwiz

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

  • Пользователи
  • PipPip
  • 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

Ирина345

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

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

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

Просмотр сообщенияFinwiz (02 Август 2015 - 19:17) писал:

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

Вопрос номер два. Возможно ли блок "Хиты продаж сделать в таком виде: https://yadi.sk/i/yGU4i5SOiE6Q6
Здравствуйте, найдите в шаблоне 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 %} 
  






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

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

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