Отображение Списка Товаров
#41
Отправлено 26 Август 2013 - 23:08
#42
Отправлено 28 Август 2013 - 15:55
support (26 Август 2013 - 23:08) писал:
Да, сейчас все в порядке, большое спасибо.
#43
Отправлено 04 Сентябрь 2013 - 22:26
в конечном итоге совсем запуталась))) сначала делала товар в таблице по 3 в ряд))
потом решила оставить по 2 штуки в ряд, так как описание краткое у меня имеет слишком большой текст))))
в итоге у меня по 2 штуки в ряд))))))))))))))))) но не растянуты по ряду.!
помогите исправить картину, которую я долго писала маслом))))))))))))))))))))
1. хотелось бы изображение в таблице сделать очень маленькими, как можно меньше, в половину меньше по высоте!
2. на всю ширину сделать по 2 товара в ряд)) в таблице
3 установку таблицы по умолчанию --- тоже, что то меняла, но не вижу чтоб изменилось )) кэш чистила, но никак не поменялось)))
4 кнопка купить, оказывается отсутствует в таблице, хотелось бы её тоже поставить обязательно)))
#44
Отправлено 05 Сентябрь 2013 - 02:50
#45
Отправлено 05 Сентябрь 2013 - 07:46
#46
Отправлено 05 Сентябрь 2013 - 08:26
#47
Отправлено 05 Сентябрь 2013 - 12:36
.goods-image-other { max-width: 185px; max-height: 185px; }и замените его на
.goods-image-other { max-width: 85px; max-height: 160px; }2. В том же файле найдите блок
.goodsListItemBlock { height: 300px; width: 210px; margin: 5px; overflow: hidden; }и замените его на
.goodsListItemBlock { height: 300px; width: 210px; margin: 5px; overflow: hidden; margin-left: 65px; }В шаблоне Товары найдите блок
<!-- Список товаров. Таблица --> <table>и замените его на
<!-- Список товаров. Таблица --> <table style="width:680px;">
3. Сейчас у Вас по умолчанию стоит отображение таблицей.
4. В шаблоне Товары найдите блок
<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>и после него поставьте блок
<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>
#48
Отправлено 06 Сентябрь 2013 - 00:25
1. В файле main.css найдите блок
.goods-image-other {max-width: 185px;max-height: 185px;}
и замените его на
.goods-image-other {max-width: 85px;max-height: 160px;}
вернее часть блока есть .goods-image-other , а дальше в нем нет совсем никаких цифр))))
#49
Отправлено 06 Сентябрь 2013 - 13:26
только теперь нужно убрать отступ от картинки до текста)) подскажите пожалуйста, где можно это сделать!!!
#51
Отправлено 06 Сентябрь 2013 - 15:18
найдите код в файле main.css
.goodsListItemImage a {display:block;height:185px;}
замените на код
.goodsListItemImage a {display:block;height:80px;}
далее там же найдите код
.goodsListItemImage {height: 185px;width:100%; margin-top:1em; border-collapse: collapse;border-spacing: 0;}
и замените на код
.goodsListItemImage {height: 100px;width:100%;border-collapse: collapse;border-spacing: 0;}
там же найдите код
.goodsListItemBlock { height: 300px; width: 345px; margin: 1px; overflow: hidden; margin-left: 1px; }
и замените на код
.goodsListItemBlock { height: 425px; width: 345px; margin: 1px; overflow: hidden; margin-left: 1px; }
#52
Отправлено 06 Сентябрь 2013 - 16:47
1. текст по левому краю выровнять
2. название продукта перенести под фото
3. Кнопку "купить" по центру поставить
4. текст от фотки отодвинуть на пол сантиметра
#53
Отправлено 07 Сентябрь 2013 - 04:05
{% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <table class="goodsListItemImage"> <tr> <td> <a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><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> </td> </tr> </table> <div style="margin-left:10px;margin-top:0px;font-size: 12px;" class="info fnt11n txtalgnlft"> {goods.DESCRIPTION_SHORT} </div> <h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»">{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> <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> </td> {% IFNOT goods.last %}{goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %} {% ENDFOR %}
и замените его на
{% FOR goods %} <td class="goodsListItem"> <div class="goodsListItemBlock withBorder cornerAll"> <h3 class="goodsListItemName"><a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»">{goods.NAME}</a></h3> <table class="goodsListItemImage"> <tr> <td> <a href="{goods.URL}" title="Перейти на страницу «{goods.NAME}»"><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> </td> </tr> </table> <div style="text-align: left;margin-left:10px;margin-top:0px;font-size: 12px;padding: 20px 0;" class="info fnt11n txtalgnlft"> {goods.DESCRIPTION_SHORT} </div> <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> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" id="goodsListFormId{goods.MIN_PRICE_NOW_ID}" class="goodsListForm"> <p></p><center> <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> </center> </form> </div> </td> {% IFNOT goods.last %}{goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %} {% ENDFOR %}
Цитата
Возможно вы имели в виду над фото? Так как у вас и так название находиться под фото. В заменяемом коде название было перенесено над фото.
#54
Отправлено 08 Сентябрь 2013 - 15:34
#55
Отправлено 28 Октябрь 2013 - 23:06
Vaccina (28 Февраль 2013 - 22:59) писал:
.content_catalog_nested_categories .category-name { color: #2B2B2B; display: block; font-size: 1.3em; height: 3.8em; margin-top: 0.5em; overflow: hidden; text-transform: uppercase; width: 100px; }
для товаров
.product-name a { color: #4C4C4C; font-size: 1.5em; font-weight: normal; height: 20px; position: relative; text-decoration: none; text-transform: uppercase; }
данные классы находятся в файле стилей main.css Вам необходимо удалить text-transform: uppercase;
Здравствуйте, сделал, по вашей инструкции. Ничего не изменилось!
#56
Отправлено 29 Октябрь 2013 - 04:39
.products-grid h2 { font-size: 1em; height: 1.9em; overflow: hidden; }
и замените на
.products-grid h2 { font-size: 1em; height: 4em; overflow: hidden; }
#57
Отправлено 29 Октябрь 2013 - 10:37
Vaccina (29 Октябрь 2013 - 04:39) писал:
.products-grid h2 { font-size: 1em; height: 1.9em; overflow: hidden; }
и замените на
.products-grid h2 { font-size: 1em; height: 4em; overflow: hidden; }
не помещается вснравно..а нельзяли в 2-3 строки наименование товара сделать?
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных