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


Как Сделать Вывод Товаров По 3 В Ряд (Не 5), И Сдвинуть Вниз Название


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

#1 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 30 Июнь 2012 - 12:35

Коллеги, добрый день.
Вот сайт
londonshirts.ru

как сделать при выводе каталога товара:
1.Увеличить размер рамки (блока) товара
2.чтобы в каталоге товаров товары выводились по 2 или 3 в ряд (не 5 как сейчас)
3.В рамке товара сдвинуть к нижнему краю название товара, и цену

На странице товара:
4. Убрать доставку и заменить ее описанием (была такая тема, но участник разобрался сам и ответа нет)

В идеале хотелось бы сделать по аналогии с этим:
http://kupirubashku.ru/

но так понимаю понадобятся очень массивные переделки

Спасибо!!

#2 Wo lf

Wo lf

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

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

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

Вопросы:1. 2. 3.

См. картинки!

4. Читать здесь...


P.S где будет на картинках обозначена цифра 1, это полностью относится к этому блоку! см. картинки
И еще , такой сайт Вам вполне реализовать... Главное старайтесь, терпение, труд и т.д!

#3 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 02 Июль 2012 - 16:57

Коллеги, все получилось, спасибо.
Подскажите пожалуйста:
- как сделать вывод по 3 в "ТОвары на главной"
- Можно ли сделать так, чтобы в каталоге подпись и цена выводилась Справа (не снизу), соотв картинка была слева?
- Можно ли сделать так, чтобы в каталоге выводилось еще "Короткое" описание ?

#4 Wo lf

Wo lf

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

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

Отправлено 02 Июль 2012 - 18:05

1. Вам показывал как, и Вы уже сделали это!  :unsure:

2. Можно.

3. Можно.

#5 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 02 Июль 2012 - 21:59

1.Да, это работает в основном каталоге.
Но, "Товары на главной", т.е. отмеченные галочкой "Товары на главной" странице - выводится по 5
Сейчас у меня отмечено только 3 товара, поэтому и выводится три, отметить 5 - выводится по 5 и вылезает за границы

2. Можете показать как сделать? с картинкой, очень удобно

3. Можете показать как сделать? с картинкой, очень удобно

Спасибо!

#6 Wo lf

Wo lf

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

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

Отправлено 02 Июль 2012 - 22:18

А да, конечно . Вообщем это Шаблон HTML

См.картинки!

#7 Vaccina

Vaccina

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

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

Отправлено 02 Июль 2012 - 23:48

1) Найдите в шаблоне "HTML" is_divided("5" и замените на is_divided("3"

2) Для этого необходимо изменять стилизацию выдачи товаров в шаблоне "Товары". Например подобное реализовано в шаблоне "Сияние" так

{% FOR goods %}
		<div class="listing">
		  <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;"><img {% IF goods.IMAGE_EMPTY %}src="{ASSETS_IMAGES_PATH}no-photo-medium.png" width="220"{% ELSE %}src="{goods.IMAGE_SMALL}"{% ENDIF %} alt="{goods.NAME}" /></a></div>
	
		  <div class="contm">
			<h3><a href="{goods.URL}" title="Перейти на страницу &laquo;{goods.NAME}&raquo;">{goods.NAME}</a></h3>
			<p>
			  {goods.DESCRIPTION_SHORT}
			</p>
			<p>
			  Цена сейчас: <a href="{goods.URL_MIN_PRICE_NOW}">{goods.MIN_PRICE_NOW | money_format}</a><br />
			  {% 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><br />
				<span class="listingDiscountInfo">До {goods.MAX_DISCOUNT_EXPIRED_AT | date} скидка составляет: {goods.MAX_DISCOUNT}%</span>
			  {% 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 %}
			</p>

			<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 class="readmore" 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>

		  </div>
		  <div class="clr"></div>
		</div>
	  {% ENDFOR goods %}

3) Для вывода краткого описания необходимо использовать переменную {goods.DESCRIPTION_SHORT}

#8 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 10 Июль 2012 - 23:43

Коллеги, а как отформатировать текст в {goods.DESCRIPTION_SHORT} на сайте ?
сделал вывод краткого описания в самом каталоге, но пока выглядит не очень.
и как сделать вывод краткого описания на Главной странице (товары в категории Товары на главной)
сайт по прежнему LondonShirts.ru

#9 Vaccina

Vaccina

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

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

Отправлено 11 Июль 2012 - 23:16

Используйте переменную {goods.DESCRIPTION_SHORT|htmlspecialchars_decode}

Цитата

и как сделать вывод краткого описания на Главной странице (товары в категории Товары на главной)


Это будет переменная вида
{index_page_goods.DESCRIPTION_SHORT}


#10 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 12 Июль 2012 - 10:01

Уважаемая Vaccina, я пока к сожалению не силен в HTML языке.
можете показать код?

нужно совсем немногое:
1. Сейчас ShortDescription выводится единым слитным текстом, хотя в админке - все четко сделано списком.
Как сделать списком?
2. Как сделать вывод ShortDescription в категории "Товары на главной" ?
3. Както можно сделать "пробел", т.е. чуть отделить Название товара, Цену товара, ShortDescription в блоке товара, в каталоге?

спасибо!

#11 Vaccina

Vaccina

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

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

Отправлено 12 Июль 2012 - 21:02

Выше вы спросили о переменой {goods.DESCRIPTION_SHORT} я вам предлагаю просто заменить данную переменную на {goods.DESCRIPTION_SHORT|htmlspecialchars_decode} Это делается в шаблоне "Товары". После этого HTML код записанный в краткое описание товара будет отображаться именно как html, а не как обычный текст.

Далее, для новинок вам необходимо просто вставить переменную {index_page_goods.DESCRIPTION_SHORT}

Например в шаблоне "HTML" найдите

<div class="goodsListItemPriceOld">
				  			  {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
							  <a href="{index_page_goods.URL_MIN_PRICE_NOW_WITHOUT_DISCOUNT}" class="lineThrough">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</a>
							{% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
							  <a href="{index_page_goods.URL_MIN_PRICE_OLD}" class="lineThrough">{index_page_goods.MIN_PRICE_OLD | money_format}</a>
							{% ENDIF %} 
				  			</div>

и ниже вставьте

<p>{index_page_goods.DESCRIPTION_SHORT}</p>


#12 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 13 Июль 2012 - 00:32

Получилось:
- выводить ShortDescription в Товары на главной
- ShortDescription "подчиняется" HTML коду

трудность - в поле "Краткое описание" нужно писать непосредственно HTML код, если вставить просто текст,
на сайте отобразится все единым текстом, без форматирования.

Както можно сделать, чтобы форматирование из админки выводилось сразу "в коде", как это сделано по Основному описанию?

#13 Vaccina

Vaccina

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

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

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

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

#14 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 14 Июль 2012 - 12:28

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


- Стиль: Деловая рубашка
- Силуэт: Приталенный Slim Fit
- Рукав: Двойные манжеты под запонки со скрытой пуговицей
- Ворот: Принц Уэльский
- Состав: 100% хлопок
- Ткань: Элитный твилл
- Стирка: Машинная стирка при 40 С

#15 Vaccina

Vaccina

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

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

Отправлено 17 Июль 2012 - 06:38

<ul style="font-weight: bold;">
 <li>Стиль: Деловая рубашка</li>
 <li>Силуэт: Приталенный Slim Fit</li>
 <li>Рукав: Двойные манжеты под запонки со скрытой пуговицей</li>
 <li>Ворот: Принц Уэльский</li>
 <li>Состав: 100% хлопок</li>
 <li>Ткань: Элитный твилл</li>
 <li>Стирка: Машинная стирка при 40 С</li>
</ul>


#16 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 18 Июль 2012 - 00:00

спасибо, все работает, но
- текст выводится с форматированием по центру.
Есть какойто ключ, чтобы текст выравнивался по левому краю?

#17 Vaccina

Vaccina

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

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

Отправлено 18 Июль 2012 - 18:59

Почитайте документацию по css свойствам, например на http://htmlbook.ru/css

Вам необходимо использовать
<ul style="font-weight: bold; text-align: left;">
 <li>Стиль: Деловая рубашка</li>
 <li>Силуэт: Приталенный Slim Fit</li>
 <li>Рукав: Двойные манжеты под запонки со скрытой пуговицей</li>
 <li>Ворот: Принц Уэльский</li>
 <li>Состав: 100% хлопок</li>
 <li>Ткань: Элитный твилл</li>
 <li>Стирка: Машинная стирка при 40 С</li>
</ul>


#18 LondonShirts.ru

LondonShirts.ru

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

  • Пользователи
  • PipPip
  • 40 сообщений
  • ГородМосква

Отправлено 20 Июль 2012 - 10:13

Супер!!!
Уважаемая Vaccina, может порекомендуете чтонибудь почитать по HTML программированию в целом,
полезное на Ваш взгляд?
Книгу например, с примерами пошаговыми и тд, или сайт.

Понимаю, что не хватает самых азов HTML программирования
Спасибо!

#19 Vaccina

Vaccina

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

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

Отправлено 20 Июль 2012 - 18:25

Вполне будет достаточно сайта http://htmlbook.ru для изучения HTML и CSS

#20 malinaro

malinaro

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

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

Отправлено 13 Август 2013 - 02:20

Просмотр сообщенияWo lf (30 Июнь 2012 - 15:03) писал:

Вопросы:1. 2. 3.

См. картинки!

4. Читать здесь...


P.S где будет на картинках обозначена цифра 1, это полностью относится к этому блоку! см. картинки
И еще , такой сайт Вам вполне реализовать... Главное старайтесь, терпение, труд и т.д!

а где собственно картинки можно посмотреть

мне тоже нада что бы товар был по 3 в ряд и такого же размера как londonshirts.ru




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

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