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


Каталог Товаров Azure


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

#1 Тим

Тим

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

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

Отправлено 09 Ноябрь 2015 - 00:20

Помогите пожалуйста, как сделать так, чтобы при нажатии каталога появились все товары, а не пустые изображения И при нажатии покаталога тоже)))

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

  • Безымянный.png


#2 Danil

Danil

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

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

Отправлено 09 Ноябрь 2015 - 12:20

Просмотр сообщенияТим (09 Ноябрь 2015 - 00:20) писал:

Помогите пожалуйста, как сделать так, чтобы при нажатии каталога появились все товары, а не пустые изображения И при нажатии покаталога тоже)))
Здравствуйте.
В шаблоне Товары найдите код
<!-- В корне каталога товаров отобразим все корневые категории если они есть на сайте -->
  {% IF IS_FULL_CATALOG && nested_categories_list_empty=0 || goods_empty=1 && nested_categories_list_empty=0 && goods_filters_empty=1 %}
	<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	<div class="categories {% IF index_page %}db{% ENDIF %}">
	  {% FOR nested_categories_list %}
		<div class="cat {% IF index_page %}col-xs-3{% ELSE %}col-xs-4{% ENDIF %} col-lg-6 col-sm-12">
		  <div class="cat-img">
			<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image goods-cat-image-medium">
			  <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=azure{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			</a>
		  </div>
		  <div class="cat-name">
			<h3><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a></h3>
		  </div>
		</div>
	  {% ENDFOR %}
	</div>
  <!-- В категориях используем стандартный алгоритм отображения товаров -->
  {% ELSE %}
   
	<!-- Блок навигации по категориям, вложенным в текущую категорию -->
	{% IF goods_empty=0 %}
	  <div class="categories {% IF index_page %}db{% ENDIF %}">
		{% FOR nested_categories_list %}
		  <div class="cat col-xs-4 col-lg-6 col-sm-12">
			<div class="cat-img">
			  <a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image goods-cat-image-medium">
				<img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=azure{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			  </a>
			</div>
			<div class="cat-name">
			  <h3><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a></h3>
			</div>
		  </div>
		{% ENDFOR %}
	  </div>
	{% ENDIF %}
	 
	<!-- Если нет товаров, выводим сообщение пользователю -->
	{% IF goods_empty %}
	  {% IF goods_filters_empty %}
		<p class="attention">Нет товаров в выбранной категории</p>
	  {% ELSE %}
		<p class="attention">Нет товаров для выбранных условий</p>
	  {% ENDIF %}
	{% ENDIF %}
	<!-- /Если нет товаров, выводим сообщение пользователю -->
и замените на
  <!-- Если товаров в категории нет, то выдаем простое сообщение, мол нет ничего -->
	{% IF goods_empty %}
	  <!-- Если не применено ни одного фильтра, значит в категории нет товаров -->
	  {% IF goods_filters_empty %}
		<!-- Если в категории нет товаров, но есть категории, то отобразим их -->
		{%IFNOT nested_categories_list_empty %}
		  <!-- Блок навигации по категориям, вложенным в текущую категорию -->
		  <div class="categories {% IF index_page %}db{% ENDIF %}">
	  {% FOR nested_categories_list %}
		<div class="cat {% IF index_page %}col-xs-3{% ELSE %}col-xs-4{% ENDIF %} col-lg-6 col-sm-12">
		  <div class="cat-img">
			<a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;" class="category-image goods-cat-image-medium">
			  <img class="goods-cat-image-medium" src="{% IF nested_categories_list.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=azure{% ELSE %}{nested_categories_list.IMAGE_MEDIUM}{% ENDIF %}">
			</a>
		  </div>
		  <div class="cat-name">
			<h3><a href="{nested_categories_list.URL}" title="Перейти к категории &laquo;{nested_categories_list.NAME}&raquo;">{nested_categories_list.NAME}</a></h3>
		  </div>
		</div>
	  {% ENDFOR %}
	</div>
		  <!-- Если в категории нет ни товаров, ни категорий то сообщим пользователю что ничего нет -->
		{% ELSE %}
		  <p class="attention">Нет товаров в выбранной категории</p>
		{% ENDIF %}
	  {% ELSE %}
	   <p class="attention">Нет товаров для выбранных условий</p>
	  {% ENDIF %}
	{% ENDIF %}
так же найдите
   {% ENDIF %}
  {% ENDIF %}
  
  <!-- Вывод всех видов описания категории -->
  {% IF CATEGORY_DESCRIPTION || CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %}
и замените на

   {% ENDIF %}
  
  <!-- Вывод всех видов описания категории -->
  {% IF CATEGORY_DESCRIPTION || CATEGORY_SEO_DESCRIPTION_SHORT || CATEGORY_SEO_DESCRIPTION_LARGE %}


#3 Тим

Тим

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

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

Отправлено 09 Ноябрь 2015 - 23:54

Спасибо большое! Еще один вопрос: скажите пожалуйста, как удалить территорию показанную на рисунке, чтобы после слайдера сразу были Новинки и Хиты продаж?

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

  • Безымянный.png


#4 Vaccina

Vaccina

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

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

Отправлено 10 Ноябрь 2015 - 01:02

В main.css найдите:
#topsl {
	margin: 40px 0px 0px;
	padding-bottom: 27px;
	border-bottom: 1px solid #E9E9E9;
}

замените на:
#topsl {
	margin: 40px 0px 0px;
	padding-bottom: 27px;
	border-bottom: 1px solid #E9E9E9;
	display: none;
}


#5 Тим

Тим

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

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

Отправлено 10 Ноябрь 2015 - 11:56

Просмотр сообщенияVaccina (10 Ноябрь 2015 - 01:02) писал:

В main.css найдите:
#topsl {
margin: 40px 0px 0px;
padding-bottom: 27px;
border-bottom: 1px solid #E9E9E9;
}

замените на:
#topsl {
margin: 40px 0px 0px;
padding-bottom: 27px;
border-bottom: 1px solid #E9E9E9;
display: none;
}
Нету такого кода в main.css)) мой аккаунт- SL-362507

#6 Danil

Danil

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

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

Отправлено 10 Ноябрь 2015 - 12:00

Просмотр сообщенияТим (10 Ноябрь 2015 - 11:56) писал:

Нету такого кода в main.css)) мой аккаунт- SL-362507
В main.css на 249 строке найдите код
#topsl {border-top: 1px solid #3f3f3f;border-bottom: 1px solid #3f3f3f;padding: 30px 0;}
и замените на
#topsl {border-top: 1px solid #3f3f3f;border-bottom: 1px solid #3f3f3f;padding: 30px 0;display: none;}


#7 Тим

Тим

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

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

Отправлено 10 Ноябрь 2015 - 12:31

Спасибо большое)) Скажите пожалуйста, с чем связана такая ошибка? (аккаунт- SL-362507)

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

  • Безымянный.jpg


#8 Юля123

Юля123

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

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

Отправлено 10 Ноябрь 2015 - 12:38

Просмотр сообщенияТим (10 Ноябрь 2015 - 12:31) писал:

Спасибо большое)) Скажите пожалуйста, с чем связана такая ошибка? (аккаунт- SL-362507)


Здравствуйте, протестировала ваш сайт, ошибку не обнаружила, сообщение не показывается, попробуйте очистить кеш комбинацией CTRL+F5

#9 Тим

Тим

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

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

Отправлено 10 Ноябрь 2015 - 12:59

Можно сделать так, чтобы размеры фото товаров в каталоге стали одинаковыми?

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

  • Безымянный.jpg


#10 RayLi

RayLi

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

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

Отправлено 10 Ноябрь 2015 - 13:10

Просмотр сообщенияТим (10 Ноябрь 2015 - 12:59) писал:

Можно сделать так, чтобы размеры фото товаров в каталоге стали одинаковыми?

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

.product-grid .item .item-inner .item-img .img-main img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

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

.product-grid .item .item-inner .item-img .img-main img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	height: 200px !important;
	width: auto !important;
}


#11 Тим

Тим

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

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

Отправлено 10 Ноябрь 2015 - 13:19

Просмотр сообщенияRayLi (10 Ноябрь 2015 - 13:10) писал:

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

.product-grid .item .item-inner .item-img .img-main img {
max-width: 100%;
display: block;
margin: 0 auto;
}

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

.product-grid .item .item-inner .item-img .img-main img {
max-width: 100%;
display: block;
margin: 0 auto;
height: 200px !important;
width: auto !important;
}

К сожалению не нашел такого кода.

#12 Юля123

Юля123

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

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

Отправлено 10 Ноябрь 2015 - 13:39

Просмотр сообщенияТим (10 Ноябрь 2015 - 13:19) писал:

К сожалению не нашел такого кода.

Ищите вот такой код:

.product-grid .item .item-inner .item-img .img-main img {max-width: 100%;display: block;margin: 0 auto;}


#13 Тим

Тим

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

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

Отправлено 10 Ноябрь 2015 - 19:35

Просмотр сообщенияЮля123 (10 Ноябрь 2015 - 13:39) писал:

Ищите вот такой код:

.product-grid .item .item-inner .item-img .img-main img {max-width: 100%;display: block;margin: 0 auto;}

Нашел и поменял, но ничего не изменилось и выдал вот такую ошибку:

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

  • Безымянный.png


#14 Vaccina

Vaccina

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

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

Отправлено 11 Ноябрь 2015 - 03:44

Данная ошибка не может быть связана с заменой стилей в css, при заходе на данную страницу ошибки сейчас не возникает, попробуйте почистить кэш браузера и обновить страницу.




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

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