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


Новый Тип Отображения Списка Товаров В Товарных Категориях

Автор Andrew S., 30 янв. 2014 16:19

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

#41 daria_dnk

daria_dnk

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

  • Модератоpы
  • 482 сообщений

Отправлено 24 Апрель 2014 - 19:22

Просмотр сообщенияAndrew S. (24 Апрель 2014 - 17:05) писал:

Со шрифтом всё нормально получилось, спасибо!
Прикрепленный файл 1.png

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

1. Помогите уменьшить три междустрочных интервала в каждой ячейке, это надо куда-то вставить функцию line-height: ХХpx; ?
Нашел междустрочный интервал! Сразу и не понял, что это интерлиньяж.. Помогите отцентрировать по вертикали информацию во всех ячейках:
Прикрепленный файл 3.png

2. Можно ли по аналогии с наведением на название товара сделать такое же отображение при наведении на описание? Простейшую такую выплывающую подсказку, как на первом изображении и тут:
Прикрепленный файл 2.png
Добрый день!
Попробуйте в шаблоне main.css заменить строку
.products-list-2 .product-name a {font-size: 14px; line-height: 19px;}
на
.products-list-2 .product-name a {font-size: 14px; line-height: 19px; top:4px;}
и строку
.products-list-2 .desc_short { display: inline-block; padding: 0 5px; font-size: 11px; line-height: 11px; color: #858484;}
на
.products-list-2 .desc_short { display: inline-block; padding: 0 5px; font-size: 11px; line-height: 11px; color: #858484;margin-top:4px}

И уточните пожалуйста по второму вопросу:
Вы хотите чтобы текст подсказки выводился при наведении на краткое описание в списке товаров или при наведении на полное описание на странице товара?
И какой текст должен выводится в подсказке?

#42 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 25 Апрель 2014 - 17:19

Просмотр сообщенияAndrew S. (24 Апрель 2014 - 17:05) писал:

Со шрифтом всё нормально получилось, спасибо!
Прикрепленный файл 1.png

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

1. Помогите уменьшить три междустрочных интервала в каждой ячейке, это надо куда-то вставить функцию line-height: ХХpx; ?
Нашел междустрочный интервал! Сразу и не понял, что это интерлиньяж.. Помогите отцентрировать по вертикали информацию во всех ячейках:
Прикрепленный файл 3.png

2. Можно ли по аналогии с наведением на название товара сделать такое же отображение при наведении на описание? Простейшую такую выплывающую подсказку, как на первом изображении и тут:
Прикрепленный файл 2.png
Здрав
1. В шаблоне "Товары" замените строку
<div style="width: 85%; height: 50px; display: inline-block;">
на такую
<div style="width: 85%; height: 50px; display: table-cell; vertical-align: middle;">
2. Такая всплывающая подсказка появляется при наведении на те объекты, у которых есть атрибут title. Т.о. в шаблоне "Товары" замените блок, содержащий короткое описание товара
<div class="desc_short">
на такой
<div class="desc_short" title="{goods.DESCRIPTION_SHORT}">

#43 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 27 Апрель 2014 - 15:34

Просмотр сообщенияsengun (25 Апрель 2014 - 17:19) писал:

Здрав
1. В шаблоне "Товары" замените строку
<div style="width: 85%; height: 50px; display: inline-block;">
на такую
<div style="width: 85%; height: 50px; display: table-cell; vertical-align: middle;">
2. Такая всплывающая подсказка появляется при наведении на те объекты, у которых есть атрибут title. Т.о. в шаблоне "Товары" замените блок, содержащий короткое описание товара
<div class="desc_short">
на такой
<div class="desc_short" title="{goods.DESCRIPTION_SHORT}">
Да, это правильней, чем от daria_dnk.
Но теперь возник чересчур большой отступ между фото и названием с кратким описанием. Помогите уменьшить, пожалуйста:
Отступп.png
На незагруженные фото не обращайте внимания. Интернет сейчас не работает кабельный с пятницы. С сотового зашел, скорость там уменьшилась, трафик исчерпан.

#44 lew

lew

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

  • Модератоpы
  • 244 сообщений

Отправлено 27 Апрель 2014 - 15:53

Цитата

Но теперь возник чересчур большой отступ между фото и названием с кратким описанием.
откройти файл товары
найдите код
<div style="width: 85%; height: 50px; display: table-cell; vertical-align: middle;">
замените на этот
<div style="width: 88%; height: 50px; display: table-cell; vertical-align: middle;">

#45 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 03 Май 2014 - 11:36

Lew, подскажите, пожалуйста.

1. У меня так долго грузятся теперь каталоги..Вот к примеру:
Скрытый текст
Попробуйте открыть. Подскажите, с чем это может быть связано? Может быть из-за фотографий? Плюс на фото есть ватермарки. А я выбирал так, чтобы на маленьких фото их не было.Может быть это из-за того, что грузятся большие фото, а потом сжимаются в маленькие? Можно сделать так, чтобы грузились сразу маленькие фотографии? И чтобы были тем же размером, что и сейчас.

2. Вот еще момент добавился:
br.png
Можно ли тут какой-нибудь "br" добавить, чтобы название и короткое описание не вставали в одну строчку?

Сообщение отредактировал Andrew S.: 07 Май 2014 - 02:03

#46 Сake

Сake

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

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

Отправлено 07 Май 2014 - 01:05

Страница категории открывается довольно быстро. Задержка может быть связана с большим числом выводимой информации, в том числе и размер изображений. Вам необходимо использовать маленькие изображения (иконки), для отображения списком. Для изменения - найдите в шаблоне "Товары" следующий код

{% IF GOODS_VIEW_TYPE=1 %}
<ol class="span7 products-list-2" style="*padding: 0px;">
{% FOR goods %}
<li class="span7 item">
<div class="span66 product-box">
<div style="float: left; display: table; width: 70%;">
<div class="span5 img">
<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="thumbnail"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
</div>
<div style="width: 88%; height: 50px; display: table-cell; vertical-align: middle;">
<h2 class="product-name" {% IFNOT goods.DESCRIPTION_SHORT %}style="vertical-align: middle; display: table-cell; height: 50px; line-height: 49px; padding: 0 5px; max-width: 55%;"{% ENDIF %}><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h2>
{% IF goods.DESCRIPTION_SHORT %}

и замените его на

{% IF GOODS_VIEW_TYPE=1 %}
<ol class="span7 products-list-2" style="*padding: 0px;">
{% FOR goods %}
<li class="span7 item">
<div class="span66 product-box">
<div style="float: left; display: table; width: 70%;">
<div class="span5 img">
<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="thumbnail"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" alt="{goods.NAME}" /></a>
</div>
<div style="width: 88%; height: 50px; display: table-cell; vertical-align: middle;">
<h2 class="product-name" {% IFNOT goods.DESCRIPTION_SHORT %}style="vertical-align: middle; display: table-cell; height: 50px; line-height: 49px; padding: 0 5px; max-width: 55%;"{% ENDIF %}><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h2>
{% IF goods.DESCRIPTION_SHORT %}

#47 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 07 Май 2014 - 02:16

Просмотр сообщенияСake (07 Май 2014 - 01:05) писал:

Страница категории открывается довольно быстро. Задержка может быть связана с большим числом выводимой информации, в том числе и размер изображений. Вам необходимо использовать маленькие изображения (иконки), для отображения списком. Для изменения - найдите в шаблоне "Товары" следующий код

{% IF GOODS_VIEW_TYPE=1 %}
<ol class="span7 products-list-2" style="*padding: 0px;">
{% FOR goods %}
<li class="span7 item">
<div class="span66 product-box">
<div style="float: left; display: table; width: 70%;">
<div class="span5 img">
<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="thumbnail"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_OTHER}{% ENDIF %}" alt="{goods.NAME}" /></a>
</div>
<div style="width: 88%; height: 50px; display: table-cell; vertical-align: middle;">
<h2 class="product-name" {% IFNOT goods.DESCRIPTION_SHORT %}style="vertical-align: middle; display: table-cell; height: 50px; line-height: 49px; padding: 0 5px; max-width: 55%;"{% ENDIF %}><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h2>
{% IF goods.DESCRIPTION_SHORT %}

и замените его на

{% IF GOODS_VIEW_TYPE=1 %}
<ol class="span7 products-list-2" style="*padding: 0px;">
{% FOR goods %}
<li class="span7 item">
<div class="span66 product-box">
<div style="float: left; display: table; width: 70%;">
<div class="span5 img">
<a href="{goods.URL | url_amp}" title="{goods.NAME}" class="thumbnail"><img class="goods-image-other" src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png{% ELSE %}{goods.IMAGE_ICON}{% ENDIF %}" alt="{goods.NAME}" /></a>
</div>
<div style="width: 88%; height: 50px; display: table-cell; vertical-align: middle;">
<h2 class="product-name" {% IFNOT goods.DESCRIPTION_SHORT %}style="vertical-align: middle; display: table-cell; height: 50px; line-height: 49px; padding: 0 5px; max-width: 55%;"{% ENDIF %}><a href="{goods.URL | url_amp}" title="{goods.NAME}">{goods.NAME}</a></h2>
{% IF goods.DESCRIPTION_SHORT %}
1. Спасибо. Так и выглядит лучше. нет сейчас вотермарок. Я там еще второй пункт добавил.

Вот эта страница у меня грузится целых 50 секунд ((( А там 83 товара, а не 100. Я имею в виду если много товаров. К примеру я выбрал список в 100 товаров.
Скрытый текст

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

2. Жду..

#48 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 07 Май 2014 - 06:49

Просмотр сообщенияAndrew S. (07 Май 2014 - 02:16) писал:

1. Спасибо. Так и выглядит лучше. нет сейчас вотермарок. Я там еще второй пункт добавил.

Вот эта страница у меня грузится целых 50 секунд ((( А там 83 товара, а не 100. Я имею в виду если много товаров. К примеру я выбрал список в 100 товаров.
Скрытый текст

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

2. Жду..

Здравствуйте, попробуйте такой вариант

В шаблоне "Товары"
Находим:
{% IF goods.DESCRIPTION_SHORT %}<div class="desc_short" title="{goods.DESCRIPTION_SHORT}">{goods.DESCRIPTION_SHORT}</div>{% ENDIF %}

Заменяем на:
{% IF goods.DESCRIPTION_SHORT %}<div class="desc_short" title="{goods.DESCRIPTION_SHORT}" style="min-width:200px;">{goods.DESCRIPTION_SHORT}</div>{% ENDIF %}

#49 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 08 Май 2014 - 07:26

Просмотр сообщенияCastiel (07 Май 2014 - 06:49) писал:

Здравствуйте, попробуйте такой вариант

В шаблоне "Товары"
Находим:
{% IF goods.DESCRIPTION_SHORT %}<div class="desc_short" title="{goods.DESCRIPTION_SHORT}">{goods.DESCRIPTION_SHORT}</div>{% ENDIF %}

Заменяем на:
{% IF goods.DESCRIPTION_SHORT %}<div class="desc_short" title="{goods.DESCRIPTION_SHORT}" style="min-width:200px;">{goods.DESCRIPTION_SHORT}</div>{% ENDIF %}
А это для чего?

#50 Castiel

Castiel

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

  • Модераторы
  • 3 519 сообщений
  • ГородНижний Новгород

Отправлено 08 Май 2014 - 15:35

Просмотр сообщенияAndrew S. (08 Май 2014 - 07:26) писал:

А это для чего?

Это необходимо для того чтобы короткое описание (если оно очень маленькое) отображалось на следующей строчке.

Вопрос №2

#51 Andrew S.

Andrew S.

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

  • Пользователи
  • PipPipPipPip
  • 1 382 сообщений
  • ГородKhabarovsk

Отправлено 09 Май 2014 - 06:06

Просмотр сообщенияCastiel (08 Май 2014 - 15:35) писал:

Это необходимо для того чтобы короткое описание (если оно очень маленькое) отображалось на следующей строчке.

Вопрос №2
Ну понятно! А то я просто добавил описания к короткому и не было заметно перемен. Спасибо!

Подскажите еще, как-то можно ускорить загрузку моего короткого списка табличного?

#52 polosatoff

polosatoff

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

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

Отправлено 05 Ноябрь 2014 - 12:40

День добрый

у меня при попадании в каталог я вижу папки-категории.

При входе в одну категорию товары отображаются списком, при входе в другую категорию товары отображаются таблицей.

Кукисы и временные файлы удалены.

SL-212710

#53 Alekseys

Alekseys

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

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

Отправлено 05 Ноябрь 2014 - 12:51

Просмотр сообщенияpolosatoff (05 Ноябрь 2014 - 12:40) писал:

День добрый

у меня при попадании в каталог я вижу папки-категории.

При входе в одну категорию товары отображаются списком, при входе в другую категорию товары отображаются таблицей.

Кукисы и временные файлы удалены.

SL-212710
Здравствуйте. Укажите пожалуйста в какой категории товары отображаются таблицей. На данный момент у Вас все товары отображаются списком.

#54 polosatoff

polosatoff

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

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

Отправлено 06 Ноябрь 2014 - 09:49

Просмотр сообщенияAlekseys (05 Ноябрь 2014 - 12:51) писал:

Здравствуйте. Укажите пожалуйста в какой категории товары отображаются таблицей. На данный момент у Вас все товары отображаются списком.

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

Спасибо.

#55 Alekseys

Alekseys

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

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

Отправлено 06 Ноябрь 2014 - 09:56

Просмотр сообщенияpolosatoff (06 Ноябрь 2014 - 09:49) писал:

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

Спасибо.
Здравствуйте. В шаблоне Товары замените
<p class="view-mode">
				  {% IF GOODS_VIEW_TYPE=2 %}
на
<p class="view-mode">
				  {% IF GOODS_VIEW_TYPE=1 %}

#56 polosatoff

polosatoff

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

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

Отправлено 06 Ноябрь 2014 - 11:17

Просмотр сообщенияAlekseys (06 Ноябрь 2014 - 09:56) писал:

Здравствуйте. В шаблоне Товары замените
<p class="view-mode">
				 {% IF GOODS_VIEW_TYPE=2 %}
на
<p class="view-mode">
				 {% IF GOODS_VIEW_TYPE=1 %}

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

#57 Alekseys

Alekseys

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

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

Отправлено 06 Ноябрь 2014 - 11:58

Просмотр сообщенияpolosatoff (06 Ноябрь 2014 - 11:17) писал:

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

Обратно в Каталог товаров


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

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

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Техника
  5. → Каталог товаров
  6. Privacy Policy