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


Отображение Товаров Из Каталога Списком

Автор HEAT, 09 февр. 2012 16:53

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

#61 omskdvr

omskdvr

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

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

Отправлено 12 Декабрь 2012 - 08:46

Открыл в эксплорере.
Им вообще не пользуюсь.
Результат тотже

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

  • 1.png

#62 Koderhan

Koderhan

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

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

Отправлено 12 Декабрь 2012 - 09:26

Просмотр сообщенияomskdvr (12 Декабрь 2012 - 08:46) писал:

Открыл в эксплорере.
Им вообще не пользуюсь.
Результат тотже
Попробуйте так.
В файле main.csstemplate.
Найти код:
.goodsListItemBlock							 {
   height: 210px;/*высота блока*/
   margin:5px;
   overflow:hidden;
}
Заменить на:
.goodsListItemBlock							 {
   height: 270px;/*высота блока*/
   margin:5px;
   overflow:hidden;
}
Найти код:
.goodsListItemName				  {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}
Заменить на:
.goodsListItemName				  {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height: 7em;overflow:hidden;}

#63 omskdvr

omskdvr

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

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

Отправлено 12 Декабрь 2012 - 17:16

Просмотр сообщенияKoderhan (12 Декабрь 2012 - 09:26) писал:

Попробуйте так.
В файле main.csstemplate.
Найти код:
.goodsListItemBlock							 {
height: 210px;/*высота блока*/
margin:5px;
overflow:hidden;
}
Заменить на:
.goodsListItemBlock							 {
height: 270px;/*высота блока*/
margin:5px;
overflow:hidden;
}
Найти код:
.goodsListItemName				 {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height:3.6em;overflow:hidden;}
Заменить на:
.goodsListItemName				 {line-height:1.2em;padding:0px 2px 0px 2px;margin:0px;max-height: 7em;overflow:hidden;}

Всеравно также и осталось некотрые не влазят названия. А если я поменяю тему вообще то настройки по поисковикам не пропадут? Потом снова индексироваться сайт будет или нет не страшно менять?

#64 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 12 Декабрь 2012 - 17:20

Просмотр сообщенияomskdvr (12 Декабрь 2012 - 17:16) писал:

Всеравно также и осталось некотрые не влазят названия. А если я поменяю тему вообще то настройки по поисковикам не пропадут? Потом снова индексироваться сайт будет или нет не страшно менять?

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

#65 asya1983

asya1983

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

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

Отправлено 29 Январь 2013 - 18:10

Подскажите как делать чтоб при наатии в верхнем меню на страницы появлялся не список всех товаров а появлялиськатегории товара. http://cuffs-market.ru/

#66 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 29 Январь 2013 - 18:13

Просмотр сообщенияasya1983 (29 Январь 2013 - 18:10) писал:

Подскажите как делать чтоб при наатии в верхнем меню на страницы появлялся не список всех товаров а появлялиськатегории товара. http://cuffs-market.ru/

Зайдите в бэк-офис -> Товары -> Товары -> создайте категории и в них разместите свои товары. При этом при нажатии на "Каталог товаров на сайте"  не должны находиться товары. Там размещаете только сами каталоги

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

  • ScreenShot 88.jpg

#67 asya1983

asya1983

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

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

Отправлено 29 Январь 2013 - 18:36

Просмотр сообщенияsupport 2.0 (29 Январь 2013 - 18:13) писал:

Зайдите в бэк-офис -> Товары -> Товары -> создайте категории и в них разместите свои товары. При этом при нажатии на "Каталог товаров на сайте"  не должны находиться товары. Там размещаете только сами каталоги

я имею ввиду чтоб такого не было

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

#68 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 29 Январь 2013 - 18:53

Просмотр сообщенияasya1983 (29 Январь 2013 - 18:36) писал:

я имею ввиду чтоб такого не было

Прикрепленный файл Безымянный.png

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

#69 omskdvr

omskdvr

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

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

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

Доброго дня!
Есть такая проблема: если на подгруппу добавить изображение то в каталоге отображается только картинка или ее часть (если она больше размера отведенного под это дело) и при этом не видно названия группы.

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

  • 11.jpg
  • 11.jpg

#70 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

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

Просмотр сообщенияomskdvr (03 Июнь 2013 - 12:54) писал:

Доброго дня!
Есть такая проблема: если на подгруппу добавить изображение то в каталоге отображается только картинка или ее часть (если она больше размера отведенного под это дело) и при этом не видно названия группы.

в файле main.css найдите блок
.content_catalog_nested_categories li {
  text-align:center;
  float:left;
  width: 135px;
  height: 135px;
  overflow:hidden;
  padding:1em;
  margin:0px;
  list-style-type:none;
  background:none !important;
}
заменит на
.content_catalog_nested_categories li {
  text-align:center;
  float:left;
  width: 206px;
  height: 240px;
  overflow:hidden;
  padding:1em;
  margin:0px;
  list-style-type:none;
  background:none !important;
}

#71 omskdvr

omskdvr

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

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

Отправлено 05 Июнь 2013 - 11:50

Благодарю, стало как надо!

#72 Zhur

Zhur

    Новичок

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

Отправлено 23 Декабрь 2013 - 09:00

Просмотр сообщенияTAD-jik (10 Февраль 2012 - 23:02) писал:

В файле товары находите вот такие строчки

<!-- Если есть товары -->
{% ELSE %}
{% FOR goods %}
		<td class="goodsListItem">
<div class="goodsListItemBlock withBorder cornerAll">
		 <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
		 <h3 class="goodsListItemName"><a href="{goods.URL}">{goods.NAME}</a></h3>
		 <div class="goodsListItemPriceNew">
		 <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a>
		 </div>
		 <div class="goodsListItemPriceOld">
		 {% IF goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
{% ELSEIF goods.MIN_PRICE_OLD>goods.MIN_PRICE_NOW %}
<a href="{goods.URL_MIN_PRICE_OLD}" class="lineThrough">{goods.MIN_PRICE_OLD | money_format}</a>
{% ENDIF %}
		 </div>
</div>
</td>
		{goods.index | is_divided("4","</tr><tr>","")}
	{% ENDFOR goods %}
	{% ENDIF %}
</tr>
</table>
</td>
</tr>
<!-- END Список товаров -->

Меняете на такие

<!-- Если есть товары -->
{% ELSE %}
<table cellspacing="1" cellpadding="5" width="100%" style="border:1px solid #999;">
<tr style="border:1px solid #999;"><td style="border:1px solid #999; padding:5px;">Название товара</td><td style="border:1px solid #999; padding:5px;">Описание товара</td><td style="border:1px solid #999; padding:5px;">Стоимость</td><td style="border:1px solid #999; padding:5px;">Купить</td></tr>
{% FOR goods %}
<tr>
<td style="border:1px solid #999;padding:2px;"><h3><a style="font-size:12px; href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3></td>
<td style="border:1px solid #999;padding:2px;"><p>{goods.DESCRIPTION_SHORT}</p></td>
<td style="border:1px solid #999;padding:2px;font-size:12px;"><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></td>
<td style="border:1px solid #999;padding:2px;font-size:12px;"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Положить в корзину</a>
</p>
</form>
</td>
</tr>
	{% ENDFOR goods %}
	{% ENDIF %}
</tr>
</table>
</td>
</tr>
<!-- END Список товаров -->

Получайться вот так вот но изображения не знаю как поставить :rolleyes: думаю что респект я за служил

Прикрепленный файл fhdfhdh.JPG

:rolleyes:
А как добавить ещё ячейку для картинок первой в строке?

#73 ne_yana

ne_yana

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

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

Отправлено 23 Декабрь 2013 - 09:09

Просмотр сообщенияZhur (23 Декабрь 2013 - 09:00) писал:

А как добавить ещё ячейку для картинок первой в строке?
Здравствуйте, уточните, пожалуйста, Вы хотите отдельный столбик для изображения товара или чтобы изображение находилось в той же ячейке, что и название товара?

#74 Zhur

Zhur

    Новичок

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

Отправлено 23 Декабрь 2013 - 09:12

Просмотр сообщенияne_yana (23 Декабрь 2013 - 09:09) писал:

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

#75 ne_yana

ne_yana

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

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

Отправлено 23 Декабрь 2013 - 09:44

Просмотр сообщенияZhur (23 Декабрь 2013 - 09:12) писал:

В той же, чтобы первая ячейка строки таблицы содержала картинку
Вставьте 
				 <div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div>
перед
<h3><a style="font-size:12px; href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>

В файле main.css замените
.goodsListItemImage {
height: 100px;
margin-top: 1em;
}
на
.goodsListItemImage {
height: 100px;
}

#76 Zhur

Zhur

    Новичок

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

Отправлено 23 Декабрь 2013 - 09:53

Прошу прощения, не так понял... В отдельной ячейке...

#77 Zhur

Zhur

    Новичок

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

Отправлено 23 Декабрь 2013 - 10:44

Сделал следующим образом:
<!-- Список товаров. Список -->
<table cellspacing="1" cellpadding="5" width="100%" style="border:1px solid #999;">
<tr style="border:1px solid #999;"><td style="border:1px solid #999; padding:5px;">Изображение</td><td style="border:1px solid #999; padding:5px;">Название товара</td><td style="border:1px solid #999; padding:5px;">Производитель</td><td style="border:1px solid #999; padding:5px;">Стоимость</td><td style="border:1px solid #999; padding:5px;">Купить</td></tr>
{% FOR goods %}

<tr>
<td style="border:1px solid #999;padding:2px;"><div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div></td>
<td style="border:1px solid #999;padding:2px;"><h3><a style="font-size:12px;" href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3></td>
<td style="border:1px solid #999;padding:2px;"><p>{goods.DESCRIPTION_SHORT}</p></td>
<td style="border:1px solid #999;padding:2px;font-size:12px;"><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></td>
<td style="border:1px solid #999;padding:2px;font-size:12px;"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Положить в корзину</a>
</p>
</form>
</td>
</tr>
{% ENDFOR goods %}
</table>
<!-- /Список товаров. Список -->
Как сделать, чтобы при отсутствии изображения высота строки не была столь большой, а выставлялась по минимуму?
И сделать ширину строки по максимуму.

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

  • Вопрос.jpg

#78 ne_yana

ne_yana

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

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

Отправлено 23 Декабрь 2013 - 10:59

Просмотр сообщенияZhur (23 Декабрь 2013 - 10:44) писал:

Сделал следующим образом:
<!-- Список товаров. Список -->
<table cellspacing="1" cellpadding="5" width="100%" style="border:1px solid #999;">
<tr style="border:1px solid #999;"><td style="border:1px solid #999; padding:5px;">Изображение</td><td style="border:1px solid #999; padding:5px;">Название товара</td><td style="border:1px solid #999; padding:5px;">Производитель</td><td style="border:1px solid #999; padding:5px;">Стоимость</td><td style="border:1px solid #999; padding:5px;">Купить</td></tr>
{% FOR goods %}

<tr>
<td style="border:1px solid #999;padding:2px;"><div class="goodsListItemImage"><a href="{goods.URL}"><img src="{% IF goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{goods.IMAGE_SMALL}{% ENDIF %}" alt="{goods.NAME}" /></a></div></td>
<td style="border:1px solid #999;padding:2px;"><h3><a style="font-size:12px;" href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3></td>
<td style="border:1px solid #999;padding:2px;"><p>{goods.DESCRIPTION_SHORT}</p></td>
<td style="border:1px solid #999;padding:2px;font-size:12px;"><a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a></td>
<td style="border:1px solid #999;padding:2px;font-size:12px;"><form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm">
<p>
<input type="hidden" name="hash" value="{HASH}" />
<input type="hidden" name="form[goods_from]" value="{goods.GOODS_FROM}" />
<input type="hidden" name="form[goods_mod_id]" value="{goods.MIN_PRICE_NOW_ID}" />
<a onclick="$('#goodsListFormId{goods.MIN_PRICE_NOW_ID}').submit(); return false;" href="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}?hash={HASH | url_amp}&amp;form%5Bgoods_from%5D={goods.GOODS_FROM}&amp;form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить &laquo;{goods.NAME}&raquo; в корзину">Положить в корзину</a>
</p>
</form>
</td>
</tr>
{% ENDFOR goods %}
</table>
<!-- /Список товаров. Список -->
Но как сделать, чтобы высота строки была, максимум, 80 пикселов, а изображения уменьшались до этого размера?
В файл main.css добавьте
.goodsListItemImage img {
width: 80px;
}

Заменить
.goodsListItemImage {
height: 60px;
}
на
.goodsListItemImage {
height: auto;
}

Добавьте
#my-catalog td {
vertical-align: middle;
}

В разделе Сайт - Редактор шаблонов - Товары HTML замените
<!-- Список товаров. Список -->
		 <table cellspacing="1" cellpadding="5" width="100%" style="border:1px solid #999;">
на
<!-- Список товаров. Список -->
		 <table id="my-catalog" cellspacing="1" cellpadding="5" width="100%" style="border:1px solid #999;">

#79 Zhur

Zhur

    Новичок

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

Отправлено 23 Декабрь 2013 - 11:22

Немного изменил постановку вопроса:
Как сделать, чтобы при отсутствии изображения высота строки не была столь большой, а выставлялась по минимуму?
И сделать ширину строки по максимуму.

Оказалось, что с фотками всё нормально, просто когда нет изображения, то оно растягивается по высоте...

#80 ne_yana

ne_yana

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

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

Отправлено 23 Декабрь 2013 - 11:40

Просмотр сообщенияZhur (23 Декабрь 2013 - 11:22) писал:

Немного изменил постановку вопроса:
Как сделать, чтобы при отсутствии изображения высота строки не была столь большой, а выставлялась по минимуму?
И сделать ширину строки по максимуму.

Оказалось, что с фотками всё нормально, просто когда нет изображения, то оно растягивается по высоте...
Когда нет изображения товара, то вставляется изображение с надписью Изображение временно отсутствует. Чтобы ячейки не вытягивались в высоту, выполните инструкцию, присланную мною ранее. Сейчас этих изменений на вашем сайте я не вижу.
Обратно в Каталог товаров


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

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

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