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


Дизайн Отображения Товаров В Категориях.


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

#1 medved26

medved26

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

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

Отправлено 18 Июнь 2018 - 19:04

Помогите пожалуйста изменить дизайн отображение товаров в категориях. На первой картинке - как сейчас, на второй - как нужно. Спасибо

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

  • Screenshot_2.jpg
  • Screenshot_20.jpg


#2 medved26

medved26

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

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

Отправлено 18 Июнь 2018 - 19:16

Показывать по..., сортировать по... оставить

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

  • Screenshot_10.jpg


#3 Ирина345

Ирина345

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

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

Отправлено 19 Июнь 2018 - 10:49

Просмотр сообщенияmedved26 (18 Июнь 2018 - 19:04) писал:

Помогите пожалуйста изменить дизайн отображение товаров в категориях. На первой картинке - как сейчас, на второй - как нужно. Спасибо
Здравствуйте, что бы выводить товары списком по умолчанию, найдите в шаблоне Товары код
<div class="view-mode">
			{% IF GOODS_VIEW_TYPE=1 %}
			  <span title="Таблица" class="fa fa-th-large"></span>
			  <a href="?goods_view_type=2" title="Список" class="fa fa-th-list"></a>
			{% ELSE %}
			  <a href="?goods_view_type=1" title="Таблица" class="fa fa-th-large"></a>
			  <span title="Список" class="fa fa-th-list"></span>
			{% ENDIF %}
		  </div>

замените на
<div class="view-mode">
			{% IF GOODS_VIEW_TYPE=2 %}
			  <span title="Таблица" class="fa fa-th-large"></span>
			  <a href="?goods_view_type=1" title="Список" class="fa fa-th-list"></a>
			{% ELSE %}
			  <a href="?goods_view_type=2" title="Таблица" class="fa fa-th-large"></a>
			  <span title="Список" class="fa fa-th-list"></span>
			{% ENDIF %}
		  </div>

далее найдите в шаблоне код
<!-- Вывод товаров -->
	<div class="products-container">
	{% IF GOODS_VIEW_TYPE=1 %}
	  <!-- Вывод товаров ТАБЛИЦЕЙ -->
 
замените на
<!-- Вывод товаров -->
	<div class="products-container">
	{% IF GOODS_VIEW_TYPE=2 %}
	  <!-- Вывод товаров ТАБЛИЦЕЙ -->
 


#4 medved26

medved26

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

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

Отправлено 19 Июнь 2018 - 23:21

Просмотр сообщенияИрина345 (19 Июнь 2018 - 10:49) писал:

Здравствуйте, что бы выводить товары списком по умолчанию, найдите в шаблоне Товары код
<div class="view-mode">
		 {% IF GOODS_VIEW_TYPE=1 %}
			 <span title="Таблица" class="fa fa-th-large"></span>
			 <a href="?goods_view_type=2" title="Список" class="fa fa-th-list"></a>
		 {% ELSE %}
			 <a href="?goods_view_type=1" title="Таблица" class="fa fa-th-large"></a>
			 <span title="Список" class="fa fa-th-list"></span>
		 {% ENDIF %}
		 </div>

замените на
<div class="view-mode">
		 {% IF GOODS_VIEW_TYPE=2 %}
			 <span title="Таблица" class="fa fa-th-large"></span>
			 <a href="?goods_view_type=1" title="Список" class="fa fa-th-list"></a>
		 {% ELSE %}
			 <a href="?goods_view_type=2" title="Таблица" class="fa fa-th-large"></a>
			 <span title="Список" class="fa fa-th-list"></span>
		 {% ENDIF %}
		 </div>

далее найдите в шаблоне код
<!-- Вывод товаров -->
<div class="products-container">
{% IF GOODS_VIEW_TYPE=1 %}
	 <!-- Вывод товаров ТАБЛИЦЕЙ -->
замените на
<!-- Вывод товаров -->
<div class="products-container">
{% IF GOODS_VIEW_TYPE=2 %}
	 <!-- Вывод товаров ТАБЛИЦЕЙ -->


Огромное спасибо! Только названия товаров теперь через caps lock. Как убрать?

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

  • Screenshot_1.jpg


#5 Vaccina

Vaccina

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

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

Отправлено 20 Июнь 2018 - 02:29

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-list .item .product-shop .product-name {margin: 0 0 5px 0;padding: 0;font-size: 21px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


замените на:
.products-list .item .product-shop .product-name {margin: 0 0 5px 0;padding: 0;font-size: 21px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-transform: none;}


#6 medved26

medved26

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

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

Отправлено 20 Июнь 2018 - 11:28

Просмотр сообщенияVaccina (20 Июнь 2018 - 02:29) писал:

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
.products-list .item .product-shop .product-name {margin: 0 0 5px 0;padding: 0;font-size: 21px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}


замените на:
.products-list .item .product-shop .product-name {margin: 0 0 5px 0;padding: 0;font-size: 21px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;text-transform: none;}

Спасибо!
Помогите исправить мобильную версию. При оформлении заказа, стоимость доставки вылезает за границу экрана.

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

  • IMG_1627.PNG


#7 Ирина345

Ирина345

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

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

Отправлено 20 Июнь 2018 - 16:54

Просмотр сообщенияmedved26 (20 Июнь 2018 - 11:28) писал:

Спасибо!
Помогите исправить мобильную версию. При оформлении заказа, стоимость доставки вылезает за границу экрана.
Здравствуйте, найдите в файле main.css код
@media all and (max-width: 641px) {
после вставьте
.orderStageDeliveryListTable.table-box ul {
	width: 144px;
}


#8 medved26

medved26

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

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

Отправлено 24 Июнь 2018 - 14:32

Спасибо!




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

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