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

[Юрок]

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

И еще появилась полоска черная на самом вверху страницы, как ее убрать?

Аккаунт 261763

[Danil]

Юрок (18 Февраль 2015 - 14:55) писал:

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

И еще появилась полоска черная на самом вверху страницы, как ее убрать?

Аккаунт 261763

Здравствуйте.
1) В шаблоне html найдите код

	{% IF index_page %} 
	  <div class="flexslider" id="autumn-slider">
		<ul class="slides">
		 <li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=autumn"></a></li>
		<li><a href="#"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=autumn"></a></li>
		</ul>
	 </div>
	{% ENDIF %}

и вместо # вставьте ссылку, на нужный вам ресурс.
2) В style.css найдите код

#header-fluid{position:relative;background: #FAFAFA url('{ASSETS_IMAGES_PATH}header-top-bg.png?design=autumn') repeat-x 0 0;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

и замените на

#header-fluid{position:relative;background: #FAFAFA;box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.25);z-index:10}

[Юрок]

Спасибо большое.

[Юрок]

Добрый день, подскажите пожалуйста, как можно сделать, чтобы все товары (картинки) и в каталоге и на главной страницы были одинаковые?
Находил одинаковые темы, но понял что это не для шаблона Осень.
И еще вопрос как можно добавить фон страниц и добавить фон в шапку?

[Danil]

Юрок (06 Март 2015 - 01:02) писал:

Добрый день, подскажите пожалуйста, как можно сделать, чтобы все товары (картинки) и в каталоге и на главной страницы были одинаковые?
Находил одинаковые темы, но понял что это не для шаблона Осень.
И еще вопрос как можно добавить фон страниц и добавить фон в шапку?

Здравствуйте.
В style.css найдите код

.autumnshowcase_block .product_image {
max-width: 192px;
height: auto;
z-index: 1;
}

же найдите

#category_view_type.grid_view #product_list .product_image {
max-width: 184px;
margin: auto;
height: auto;
z-index: 1;
}

В обоих кодах замените height:auto; например на height:100px;

[Юрок]

Здраствуйте. В код добавил, что вы написали, но только картинки поменялись на галавной, а в каталоге нет.

[Юрок]

Все получилось. Спасибо

[Юрок]

Добрый день. Посмотрите пжл, можно ли поставить на сайт фильтр?
Если да, то подскажите пжл как это сделать?

[MikDark]

Юрок (15 Март 2015 - 15:08) писал:

Добрый день. Посмотрите пжл, можно ли поставить на сайт фильтр?
Если да, то подскажите пжл как это сделать?

Уточните, какой именно фильтр Вы хотите поставить? Фильтры по цене у Вас уже есть.

[Юрок]

Фильтр по материалу товара, размеру товара, производителю товара

[MikDark]

Юрок (15 Март 2015 - 15:33) писал:

Фильтр по материалу товара, размеру товара, производителю товара

Вам нужно добавить данные характеристики в сами товары и далее зайти в редактирование категории, где товары находятся и там добавить фильтр по этим характеристикам.

[Юрок]

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

[Юля123]

Юрок (01 Апрель 2016 - 12:13) писал:

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

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

#category_view_type.grid_view #product_list .product_image{max-width:184px; margin:auto; height:150px;z-index: 1;}

и замените на код:

#category_view_type.grid_view #product_list .product_image{margin:auto;z-index: 1;}

затем код:

#category_view_type.list_view #product_list .product_image{max-width:194px;margin:auto;height:auto;z-index:1}

замените на код:

#category_view_type.list_view #product_list .product_image{margin:auto;height:auto;z-index:1}

далее в конце main.css добавьте код:

#category_view_type.list_view #product_list .product_image{
width: 194px;
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
-o-transition: width 0.5s;
	 transition: width 0.5s;
}
#category_view_type.list_view #product_list .product_image:hover{
width: 300px;
}
#category_view_type.grid_view #product_list .product_image{
width: 184px;
-webkit-transition: width 0.5s;
-moz-transition: width 0.5s;
-o-transition: width 0.5s;
	 transition: width 0.5s;
}
#category_view_type.grid_view #product_list .product_image:hover{
width: 300px;
}

[Юрок]

Добрый день.
Все сделал как Вы сказали.
Но картинка увеличивается на половину.

Так как в прикрепленном файле.

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

• 

[Юля123]

Юрок (05 Апрель 2016 - 16:58) писал:

Добрый день.
Все сделал как Вы сказали.
Но картинка увеличивается на половину.

Так как в прикрепленном файле.

Здравствуйте, в дополнения к предыдущим изменениям попробуйте так же в конце style.css добавить код:

#category_view_type.grid_view #product_list .product_image_wrapper:hover{
		  width: 300px;
		  height:auto;
}
#category_view_type.grid_view #product_list li:hover {
  width:310px;
}

[Юрок]

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

[Юля123]

Юрок (05 Апрель 2016 - 17:44) писал:

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

Вы сохранили бекап с изменениями? Просто мне нужно протестировать ошибку, чтобы понять, как ее исправить.

[Юрок]

Я не сохранял... Сейчас минут через пять все опять поменяю и сохраню...
Можете протестировать через 5 минут.

Создал бекап

05.04.2016 17:58:04

[Vaccina]

В main.css найдите:

#category_view_type.grid_view #product_list .product_image:hover{
width: 300px;
}
#category_view_type.grid_view #product_list .product_image_wrapper:hover{
				  width: 300px;
				  height:auto;
}
#category_view_type.grid_view #product_list li:hover {
  width:310px;
}

замените на:

#category_view_type.grid_view #product_list li{width:29%;}
#category_view_type.grid_view #product_list li:hover .product_image{
width: 300px;
}
#category_view_type.grid_view #product_list li:hover .product_image_wrapper{
				  width: 300px;
				  height:auto;
}

[Юрок]

Добрый день.
Спасибо, все получилось.