Как Сделать Вывод Товаров По 3 В Ряд (Не 5), И Сдвинуть Вниз Название
#1
Отправлено 30 Июнь 2012 - 12:35
Вот сайт
londonshirts.ru
как сделать при выводе каталога товара:
1.Увеличить размер рамки (блока) товара
2.чтобы в каталоге товаров товары выводились по 2 или 3 в ряд (не 5 как сейчас)
3.В рамке товара сдвинуть к нижнему краю название товара, и цену
На странице товара:
4. Убрать доставку и заменить ее описанием (была такая тема, но участник разобрался сам и ответа нет)
В идеале хотелось бы сделать по аналогии с этим:
http://kupirubashku.ru/
но так понимаю понадобятся очень массивные переделки
Спасибо!!
#3
Отправлено 02 Июль 2012 - 16:57
Подскажите пожалуйста:
- как сделать вывод по 3 в "ТОвары на главной"
- Можно ли сделать так, чтобы в каталоге подпись и цена выводилась Справа (не снизу), соотв картинка была слева?
- Можно ли сделать так, чтобы в каталоге выводилось еще "Короткое" описание ?
#4
Отправлено 02 Июль 2012 - 18:05
2. Можно.
3. Можно.
#5
Отправлено 02 Июль 2012 - 21:59
Но, "Товары на главной", т.е. отмеченные галочкой "Товары на главной" странице - выводится по 5
Сейчас у меня отмечено только 3 товара, поэтому и выводится три, отметить 5 - выводится по 5 и вылезает за границы
2. Можете показать как сделать? с картинкой, очень удобно
3. Можете показать как сделать? с картинкой, очень удобно
Спасибо!
#6
Отправлено 02 Июль 2012 - 22:18
См.картинки!
#7
Отправлено 02 Июль 2012 - 23:48
2) Для этого необходимо изменять стилизацию выдачи товаров в шаблоне "Товары". Например подобное реализовано в шаблоне "Сияние" так
{% FOR goods %} <div class="listing"> <div class="imagem"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><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="Перейти на страницу «{goods.NAME}»">{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}&form%5Bgoods_from%5D={goods.GOODS_FROM}&form%5Bgoods_mod_id%5D={goods.MIN_PRICE_NOW_ID}" title="Положить «{goods.NAME}» в корзину">Купить</a> </p> </form> </div> <div class="clr"></div> </div> {% ENDFOR goods %}
3) Для вывода краткого описания необходимо использовать переменную {goods.DESCRIPTION_SHORT}
#8
Отправлено 10 Июль 2012 - 23:43
сделал вывод краткого описания в самом каталоге, но пока выглядит не очень.
и как сделать вывод краткого описания на Главной странице (товары в категории Товары на главной)
сайт по прежнему LondonShirts.ru
#9
Отправлено 11 Июль 2012 - 23:16
Цитата
Это будет переменная вида
{index_page_goods.DESCRIPTION_SHORT}
#10
Отправлено 12 Июль 2012 - 10:01
можете показать код?
нужно совсем немногое:
1. Сейчас ShortDescription выводится единым слитным текстом, хотя в админке - все четко сделано списком.
Как сделать списком?
2. Как сделать вывод ShortDescription в категории "Товары на главной" ?
3. Както можно сделать "пробел", т.е. чуть отделить Название товара, Цену товара, ShortDescription в блоке товара, в каталоге?
спасибо!
#11
Отправлено 12 Июль 2012 - 21:02
Далее, для новинок вам необходимо просто вставить переменную {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
Отправлено 13 Июль 2012 - 00:32
- выводить ShortDescription в Товары на главной
- ShortDescription "подчиняется" HTML коду
трудность - в поле "Краткое описание" нужно писать непосредственно HTML код, если вставить просто текст,
на сайте отобразится все единым текстом, без форматирования.
Както можно сделать, чтобы форматирование из админки выводилось сразу "в коде", как это сделано по Основному описанию?
#13
Отправлено 13 Июль 2012 - 21:23
#14
Отправлено 14 Июль 2012 - 12:28
дальше я по побразцу все сделаю и поиграюсь с настройками
- Стиль: Деловая рубашка
- Силуэт: Приталенный Slim Fit
- Рукав: Двойные манжеты под запонки со скрытой пуговицей
- Ворот: Принц Уэльский
- Состав: 100% хлопок
- Ткань: Элитный твилл
- Стирка: Машинная стирка при 40 С
#15
Отправлено 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
Отправлено 18 Июль 2012 - 00:00
- текст выводится с форматированием по центру.
Есть какойто ключ, чтобы текст выравнивался по левому краю?
#17
Отправлено 18 Июль 2012 - 18:59
Вам необходимо использовать
<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
Отправлено 20 Июль 2012 - 10:13
Уважаемая Vaccina, может порекомендуете чтонибудь почитать по HTML программированию в целом,
полезное на Ваш взгляд?
Книгу например, с примерами пошаговыми и тд, или сайт.
Понимаю, что не хватает самых азов HTML программирования
Спасибо!
#19
Отправлено 20 Июль 2012 - 18:25
#20
Отправлено 13 Август 2013 - 02:20
Wo lf (30 Июнь 2012 - 15:03) писал:
См. картинки!
4. Читать здесь...
P.S где будет на картинках обозначена цифра 1, это полностью относится к этому блоку! см. картинки
И еще , такой сайт Вам вполне реализовать... Главное старайтесь, терпение, труд и т.д!
а где собственно картинки можно посмотреть
мне тоже нада что бы товар был по 3 в ряд и такого же размера как londonshirts.ru
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных