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


Фильтр

фильтр главная карточка товар

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

#1 leonamx

leonamx

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

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

Отправлено 14 Май 2016 - 14:59

Добрый день! Хочется видеть фильтр товара на всех страницах сайта, кроме карточки товара. Сверху как указано на картинке должно быть название "Подобрать наручные часы" в таком же стиле шрифта и размещения как и в пункте ниже "Вы смотрели".

Слайды оставить. и стрелки выбора слайдов сделать в пределах видимой зоны страницы, т.е. в пределах картинки. Спасибо!

Аккаунт SL-385543

Изображение

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 14 Май 2016 - 15:59

Просмотр сообщенияleonamx (14 Май 2016 - 14:59) писал:

Добрый день! Хочется видеть фильтр товара на всех страницах сайта, кроме карточки товара. Сверху как указано на картинке должно быть название "Подобрать наручные часы" в таком же стиле шрифта и размещения как и в пункте ниже "Вы смотрели".

Слайды оставить. и стрелки выбора слайдов сделать в пределах видимой зоны страницы, т.е. в пределах картинки. Спасибо!

Аккаунт SL-385543

Изображение

Здравствуйте.
К сожалению, фильтры работают только для каталога товаров, поэтому, как вариант, Вы можете установить главной страницей "Каталог товаров" в разделе Сайт -> Главная страница.
Для того, чтобы передвинуть стрелки на слайдере по размеру картинки зайдите в раздел Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span>

Замените на:
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 20%;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 20%;" title="Следующий слайд"></span>


#3 leonamx

leonamx

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

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

Отправлено 27 Май 2016 - 01:41

Картинка стоит неровно..

Изображение

#4 Vaccina

Vaccina

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

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

Отправлено 27 Май 2016 - 02:02

В шаблоне HTML найдите:
<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div class="container" id="slideshow">

замените на:
<!-- Jssor Slider Слайдер -->
	{% IF index_page %}
	<div id="slideshow">


#5 leonamx

leonamx

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

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

Отправлено 27 Май 2016 - 02:31

Спасибо за оперативность!

#6 leonamx

leonamx

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

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

Отправлено 27 Май 2016 - 02:40

Не получается исправить самостоятельно исправить границы слайдера. Хочется видеть размер по отношению к границам товаров например.

Изображение

#7 Vaccina

Vaccina

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

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

Отправлено 27 Май 2016 - 03:41

Попробуйте следующее в jssor_slider.js найдите:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1280));

замените на:
jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1170));


#8 leonamx

leonamx

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

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

Отправлено 27 Май 2016 - 10:04

Спасибо! Получилось!

#9 leonamx

leonamx

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

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

Отправлено 02 Июнь 2016 - 22:42

Помогите ещё пожалуйста убрать функцию "Добавить в избранное" со всего сайта

Изображение

#10 leonamx

leonamx

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

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

Отправлено 02 Июнь 2016 - 23:09

Так же интересует ещё одна деталь:
Возможно ли поле слайдера на главной превратить в несколько картинок соответствующих размеров, а именно:
И придав каждой картинке эффект при наведении как здесь

Изображение

#11 leonamx

leonamx

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

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

Отправлено 03 Июнь 2016 - 00:15

1)Так же есть пожелания по шапке: Необходимо добавить текст в поле выделенной стрелкой на картинке
2) Информация на картинке
Спасибо!!


Изображение
Изображение

#12 Vaccina

Vaccina

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

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

Отправлено 03 Июнь 2016 - 04:17

Просмотр сообщенияleonamx (02 Июнь 2016 - 22:42) писал:

Помогите ещё пожалуйста убрать функцию "Добавить в избранное" со всего сайта
В main.css добавьте:
.wishlist {
	display: none !important;
}

Просмотр сообщенияleonamx (02 Июнь 2016 - 23:09) писал:

Так же интересует ещё одна деталь:
Возможно ли поле слайдера на главной превратить в несколько картинок соответствующих размеров, а именно:
И придав каждой картинке эффект при наведении как здесь

К сожалению, такой эффект сделать нельзя, тут необходимо использовать карусель изображение или уменьшить слайдер и справа расположить отдельно 4 изображения\баннера. Какой вариант вас больше устроит?

Просмотр сообщенияleonamx (03 Июнь 2016 - 00:15) писал:

1)Так же есть пожелания по шапке: Необходимо добавить текст в поле выделенной стрелкой на картинке
2) Информация на картинке
Спасибо!!

В шаблоне HTML после:
<div class="col-xs-12">
			  <!-- Телефон в шапке -->
			  <div class="block-phone">
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}
				<div class="block-phone-contact">
				  <span class="phone"><a href="skype:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}?call">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></span>
				</div>
				{% ENDIF %}

вставьте:
<div class="block-phone-contact">
Ваш текст
</div>

далее:
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

перенесите и поставьте после:
<!-- Поиск -->
			  <div class="form-search">
				<div class="search-title rhombus">
				  <i class="fa fa-search" title="Поиск">&nbsp;</i>
				</div>
				<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get" title="Поиск" onsubmit="if($(this).find('.form-search').val()) return false;">
				  <input type="text" name="q" value="{SEARCH_QUERY}" class="input-text search-string" placeholder="Поиск">
				  <input type="hidden" name="goods_search_field_id" value="0">
				  <button type="submit" title="Искать" class="button search-submit"><i class="fa fa-search"></i></button>
				</form>
			  </div>

также эту строку:
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Обратный звонок</a>

замените на:
<a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">
<img src="#" alt="" />
</a>

и вместо знака # вставьте ссылку на иконку

#13 leonamx

leonamx

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

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

Отправлено 03 Июнь 2016 - 08:51

С текстом получилось, но шапка съехала. Хотелось бы переместить значок "Обратный звонок" левее меню "Поиск" и придать ему такой же стиль как и у остальных

Изображение

Со слайдерами давайте попробуем карусель. Думаю будет тоже очень не плохим вариантом. Спасибо!

#14 Ирина345

Ирина345

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

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

Отправлено 03 Июнь 2016 - 14:54

Просмотр сообщенияleonamx (03 Июнь 2016 - 08:51) писал:

С текстом получилось, но шапка съехала. Хотелось бы переместить значок "Обратный звонок" левее меню "Поиск" и придать ему такой же стиль как и у остальных

Изображение

Со слайдерами давайте попробуем карусель. Думаю будет тоже очень не плохим вариантом. Спасибо!
Здравствуйте, в конец main.css добавьте
.block-phone-contact {
	position: relative;
	display: inline-block;
	float: left;
	line-height: 58px;
	margin: 0 8px;
}
.callback {
	float: right;
	position: relative;
	padding: 0 7px;
	line-height: 58px;
}
.callback img {
	width: 34px;
}


#15 leonamx

leonamx

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

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

Отправлено 03 Июнь 2016 - 17:10

Спасибо!! Но со слайдером ответа не получил. Помогите пожалуйста

#16 Vaccina

Vaccina

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

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

Отправлено 04 Июнь 2016 - 06:47

Пройдите пожалуйста по данной ссылке:
http://www.jssor.com...vigator-02.html

Скажите, такой вариант подойдет вам? Или перейдя по данной ссылке выберите желаемый результат.

#17 leonamx

leonamx

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

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

Отправлено 04 Июнь 2016 - 10:03

Идеальный вариант Thumbnail 16

#18 leonamx

leonamx

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

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

Отправлено 06 Июнь 2016 - 15:59

Помогите пожалуйста со слайдерами.

#19 Vaccina

Vaccina

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

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

Отправлено 08 Июнь 2016 - 06:27

В шаблоне jssor_slider.js найдите:
$ArrowNavigatorOptions: {						   //[Optional] Options to specify and enable arrow navigator or not
		  $Class: $JssorArrowNavigator$,				  //[Requried] Class to create arrow navigator instance
		  $ChanceToShow: 1,							   //[Required] 0 Never, 1 Mouse Over, 2 Always
		  $AutoCenter: 2,								 //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
		  $Steps: 1									   //[Optional] Steps to go for each navigation request, default value is 1
	  }

замените на:
$ArrowNavigatorOptions: {						   //[Optional] Options to specify and enable arrow navigator or not
		  $Class: $JssorArrowNavigator$,				  //[Requried] Class to create arrow navigator instance
		  $ChanceToShow: 1,							   //[Required] 0 Never, 1 Mouse Over, 2 Always
		  $AutoCenter: 2,								 //[Optional] Auto center arrows in parent container, 0 No, 1 Horizontal, 2 Vertical, 3 Both, default value is 0
		  $Steps: 1									   //[Optional] Steps to go for each navigation request, default value is 1
	  },
$ThumbnailNavigatorOptions: {
				$Class: $JssorThumbnailNavigator$,
				$ChanceToShow: 2,
				$AutoCenter: 1
			}


В шаблоне HTML найдите:
<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </div>
		</div>
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span>
	  </div>

замените на:
<div u="slides" class="slides_container">
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" /></a>
		  </div>
		  <div>
			<a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" /></a>
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=summer" />
		  </div>
		  <div>
			<img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=summer" />
		  </div>
		</div>
		<!-- Arrow Left -->
		<span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;" title="Предыдущий слайд"></span>
		<!-- Arrow Right -->
		<span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px" title="Следующий слайд"></span>
  <!-- thumbnail navigator container -->
  <div u="thumbnavigator" class="jssort16 " style="width: 800px; height: 100px; left:0px; bottom: 0px;">
   <!-- Thumbnail Item Skin Begin -->
   <div u="slides" style="cursor: move;">
	<div u="prototype" class="p">
	 <div class=w><div u="thumbnailtemplate" class="t"></div></div>
	 <div class=c></div>
	</div>
   </div>
   <!-- Thumbnail Item Skin End -->
  </div>
  <!-- Thumbnail Navigator Skin End -->
	  </div>

В конец main.css вставьте:
			/* jssor slider thumbnail navigator skin 12 css */
		  
			.jssort16 {
				position: absolute;
				/* size of thumbnail navigator container */
				width: 600px;
				height: 100px;
			}
				.jssort16 .p {
					position: absolute;
					top: 0;
					left: 0;
					width: 200px;
					height: 100px;
				}
				.jssort16 .t {
					position: absolute;
					top: 0;
					left: 0;
					width: 200px;
					height: 100px;
					border: none;
				}
				.jssort16 .p img {
					filter: alpha(opacity=55);
					opacity: .55;
					transition: opacity .6s;
					-moz-transition: opacity .6s;
					-webkit-transition: opacity .6s;
					-o-transition: opacity .6s;
				}
				.jssort16 .pav img, .jssort16 .pav:hover img, .jssort16 .p:hover img {
					filter: alpha(opacity=100);
					opacity: 1;
					transition: none;
					-moz-transition: none;
					-webkit-transition: none;
					-o-transition: none;
				}
				.jssort16 .pav:hover img, .jssort16 .p:hover img {
					filter: alpha(opacity=70);
					opacity: .7;
				}
				.jssort16 .title, .jssort16 .title_back {
					position: absolute;
					top: 70px;
					left: 0px;
					width: 200px;
					height: 30px;
					line-height: 30px;
					text-align: center;
					color: #000;
					font-size: 20px;
				}
				.jssort16 .title_back {
					background-color: #fff;
					filter: alpha(opacity=50);
					opacity: .5;
				}
				.jssort16 .pav .title_back {
					background-color: #000;
					filter: alpha(opacity=50);
					opacity: .5;
				}
				.jssort16 .pav .title {
					color: #fff;
				}
				.jssort16 .p.pav:hover .title_back, .jssort16 .p:hover .title_back {
					filter: alpha(opacity=40);
					opacity: .4;
				}
				.jssort16 .p.pdn img {
					filter: alpha(opacity=100);
					opacity: 1;
				}


#20 leonamx

leonamx

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

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

Отправлено 09 Июнь 2016 - 12:14

Не получилось(





Темы с аналогичным тегами фильтр, главная, карточка, товар

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

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