0
Блок "интересное" Сделать Таблицей.
Автор Geniya, 19 марта 2017 20:47
Сообщений в теме: 7
#1
Отправлено 19 Март 2017 - 20:47
Здравствуйте. Помогите пожалуйста сделать блок "Интересное" на главной странице в виде таблицы. Спасибо.
#2
Отправлено 21 Март 2017 - 07:17
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} {% FOR index_page_goods %} <div class="hr"></div> <div class="box padd"> <div class="titlebox txtalgnlft"> <ul> <li class="blue fnt11b"> <h2><a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»">Интересно</a></h2> </li> <li class="default fnt12b "><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></li> </ul> </div> <div class="ulproduct"> <div class="img txtalgncnt"> <div class="stikerpro"> </div> <a href="{index_page_goods.URL}"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=plastic{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a> </div> <div class="infoproduct"> <div class="name fnt14b"> <a href="{index_page_goods.URL}">{index_page_goods.NAME}</a> </div> <div class="info fnt11n txtalgnlft"> {index_page_goods.DESCRIPTION_SHORT} </div> <div class="buttons"> {% IF index_page_goods.MAX_REST_VALUE>0 %} <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <button type="submit" class="whtgray">Купить сейчас</button> </div> </form> <a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»" class="whtgray">Подробнее</a> {% ENDIF %} {% IF index_page_goods.MAX_REST_VALUE=0 %} <a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»" class="whtgray">Подробнее</a> {% ENDIF %} </div> <div class="price fnt12b txtalgnlft"> Цена: <span> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} {index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")} {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} {index_page_goods.MIN_PRICE_OLD | number_format("0", ",", " ")} {% ENDIF %} </span><em class="fnt12b">{index_page_goods.MIN_PRICE_NOW | money_format}</em> </div> </div> <div class="clear"></div> </div> </div> {% ENDFOR index_page_goods %} {% ENDIF %} <!-- end-Список товаров на главной -->
замените на:
<!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} <div class="hr"></div> <div class="box padd"> <div class="titlebox fnt11b txtalgnlft"> <ul> <li class="blue fnt11b"> <h2><a href="{CATALOG_INDEX_PAGE_URL}">Интересно</a></h2> </li> </ul> </div> <table class="table" cellpadding="0 " cellspacing="0"> <tr> {% FOR index_page_goods %} <td> <div class="tabproduct"> <div class="title fnt12b txtalgncnt"> <a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»">{index_page_goods.NAME}</a> </div> <div class="img txtalgncnt"> <a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=plastic{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a> </div> <div class="price fnt12b txtalgncnt"> Цена: {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <span>{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <span>{index_page_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span> {% ENDIF %} <em class="fnt12b">{index_page_goods.MIN_PRICE_NOW | money_format}</em> </div> <div class="buttons txtalgncnt"> {% IF index_page_goods.MAX_REST_VALUE>0 %}<a href="{index_page_goods.URL}" class="whtgreen" title="Перейти на страницу «{index_page_goods.NAME}»">Подробнее</a> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <button type="submit"class="blgreen">Купить</button> </div> </form> {% ENDIF %} {% IF index_page_goods.MAX_REST_VALUE=0 %} <a href="{index_page_goods.URL}" class="whtgreen" style="margin:0 0 0 70px;" title="Перейти на страницу «{index_page_goods.NAME}»">Подробнее</a> {% ENDIF %} </div> </div> </td> {% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %} {% ENDFOR index_page_goods %} </tr> </table> </div> {% ENDIF %} <!-- end-Список товаров на главной -->
#3
Отправлено 24 Март 2017 - 08:03
Vaccina (21 Март 2017 - 07:17) писал:
Здравствуйте.
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
замените на:
Зайдите в раздел Сайт - Редактор шаблонов - HTML - найдите:
<!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} {% FOR index_page_goods %} <div class="hr"></div> <div class="box padd"> <div class="titlebox txtalgnlft"> <ul> <li class="blue fnt11b"> <h2><a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»">Интересно</a></h2> </li> <li class="default fnt12b "><a href="{index_page_goods.URL}">{index_page_goods.NAME}</a></li> </ul> </div> <div class="ulproduct"> <div class="img txtalgncnt"> <div class="stikerpro"> </div> <a href="{index_page_goods.URL}"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=plastic{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a> </div> <div class="infoproduct"> <div class="name fnt14b"> <a href="{index_page_goods.URL}">{index_page_goods.NAME}</a> </div> <div class="info fnt11n txtalgnlft"> {index_page_goods.DESCRIPTION_SHORT} </div> <div class="buttons"> {% IF index_page_goods.MAX_REST_VALUE>0 %} <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <button type="submit" class="whtgray">Купить сейчас</button> </div> </form> <a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»" class="whtgray">Подробнее</a> {% ENDIF %} {% IF index_page_goods.MAX_REST_VALUE=0 %} <a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»" class="whtgray">Подробнее</a> {% ENDIF %} </div> <div class="price fnt12b txtalgnlft"> Цена: <span> {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} {index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")} {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} {index_page_goods.MIN_PRICE_OLD | number_format("0", ",", " ")} {% ENDIF %} </span><em class="fnt12b">{index_page_goods.MIN_PRICE_NOW | money_format}</em> </div> </div> <div class="clear"></div> </div> </div> {% ENDFOR index_page_goods %} {% ENDIF %} <!-- end-Список товаров на главной -->
замените на:
<!-- Список товаров на главной --> {% IFNOT index_page_goods_empty %} <div class="hr"></div> <div class="box padd"> <div class="titlebox fnt11b txtalgnlft"> <ul> <li class="blue fnt11b"> <h2><a href="{CATALOG_INDEX_PAGE_URL}">Интересно</a></h2> </li> </ul> </div> <table class="table" cellpadding="0 " cellspacing="0"> <tr> {% FOR index_page_goods %} <td> <div class="tabproduct"> <div class="title fnt12b txtalgncnt"> <a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»">{index_page_goods.NAME}</a> </div> <div class="img txtalgncnt"> <a href="{index_page_goods.URL}" title="Перейти на страницу «{index_page_goods.NAME}»"><img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-other.png?design=plastic{% ELSE %}{index_page_goods.IMAGE_OTHER}{% ENDIF %}" alt="{index_page_goods.NAME}" /></a> </div> <div class="price fnt12b txtalgncnt"> Цена: {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %} <span>{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | number_format("0", ",", " ")}</span> {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %} <span>{index_page_goods.MIN_PRICE_OLD | number_format("0", ",", " ")}</span> {% ENDIF %} <em class="fnt12b">{index_page_goods.MIN_PRICE_NOW | money_format}</em> </div> <div class="buttons txtalgncnt"> {% IF index_page_goods.MAX_REST_VALUE>0 %}<a href="{index_page_goods.URL}" class="whtgreen" title="Перейти на страницу «{index_page_goods.NAME}»">Подробнее</a> <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm"> <div> <input type="hidden" name="hash" value="{HASH}" /> <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" /> <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" /> <button type="submit"class="blgreen">Купить</button> </div> </form> {% ENDIF %} {% IF index_page_goods.MAX_REST_VALUE=0 %} <a href="{index_page_goods.URL}" class="whtgreen" style="margin:0 0 0 70px;" title="Перейти на страницу «{index_page_goods.NAME}»">Подробнее</a> {% ENDIF %} </div> </div> </td> {% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %} {% ENDFOR index_page_goods %} </tr> </table> </div> {% ENDIF %} <!-- end-Список товаров на главной -->
Спасибо, а как сделать чтобы в строчке отображалось не по 2 товара, а по 3
#4
Отправлено 24 Март 2017 - 09:18
Geniya (24 Март 2017 - 08:03) писал:
Спасибо, а как сделать чтобы в строчке отображалось не по 2 товара, а по 3
Здравствуйте.
На данный момент на вашем сайте в указанном блоке уже отображается по три товара заместо двух.
В связи с чем просим вас уточнить, ваш вопрос всё ещё актуален?
Спасибо.
#5
Отправлено 24 Март 2017 - 14:12
RayLi (24 Март 2017 - 09:18) писал:
Здравствуйте.
На данный момент на вашем сайте в указанном блоке уже отображается по три товара заместо двух.
В связи с чем просим вас уточнить, ваш вопрос всё ещё актуален?
Спасибо.
На данный момент на вашем сайте в указанном блоке уже отображается по три товара заместо двух.
В связи с чем просим вас уточнить, ваш вопрос всё ещё актуален?
Спасибо.
Ой, извините. Нет всё, я уже сама разобралась. Сейчас другой вопрос возник: "А как этот блок сдвинуть к левому краю или поставить его посредине?"
#6
Отправлено 24 Март 2017 - 19:17
Geniya (24 Март 2017 - 14:12) писал:
Ой, извините. Нет всё, я уже сама разобралась. Сейчас другой вопрос возник: "А как этот блок сдвинуть к левому краю или поставить его посредине?"
Исходя из особенностей верстки, а именно 2 боковые колонки, размещение 3-х и более товаров в один ряд будет некорректным и в дальнейшем приведет к ошибкам, например если в одной из колонок будет много новостей или товаров "Вы смотрели". Два товара в ряд, является оптимальным кол-вом(изменения Вам произвел), но если Вы хотите больше, то придется увеличивать центральную область. Какие изменения с товарами Вы хотели бы произвести?
#7
Отправлено 26 Март 2017 - 02:02
Danil (24 Март 2017 - 19:17) писал:
Здравствуйте.
Исходя из особенностей верстки, а именно 2 боковые колонки, размещение 3-х и более товаров в один ряд будет некорректным и в дальнейшем приведет к ошибкам, например если в одной из колонок будет много новостей или товаров "Вы смотрели". Два товара в ряд, является оптимальным кол-вом(изменения Вам произвел), но если Вы хотите больше, то придется увеличивать центральную область. Какие изменения с товарами Вы хотели бы произвести?
Исходя из особенностей верстки, а именно 2 боковые колонки, размещение 3-х и более товаров в один ряд будет некорректным и в дальнейшем приведет к ошибкам, например если в одной из колонок будет много новостей или товаров "Вы смотрели". Два товара в ряд, является оптимальным кол-вом(изменения Вам произвел), но если Вы хотите больше, то придется увеличивать центральную область. Какие изменения с товарами Вы хотели бы произвести?
Вообще, я хотела бы увеличить центральную область....... и чтобы было по 3 товара в ряд.
#8
Отправлено 30 Март 2017 - 14:29
Geniya (26 Март 2017 - 02:02) писал:
Вообще, я хотела бы увеличить центральную область....... и чтобы было по 3 товара в ряд.
1) В шаблоне HTML найдите и удалите блок
<div id="right"> <li> <a href="http://sad122.ru/" target="_blank"><img src="http://s13.radikal.ru/i186/1703/36/11fb0d0da00e.png "/></a> <a href="#"><img src="ссылка_на_изображение2"/></a> <a href="#"><img src="ссылка_на_изображение3"/></a> </li> <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluelarge"> <a href="{NEWS_SHOP_URL}">Новости магазина</a> </div> <div class="blockmain state padd"> {% FOR news_list_all %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_all.URL}" title="Перейти к новости: {news_list_all.TITLE}">{news_list_all.TITLE}</a> </div> <p> {news_list_all.TEXT_SHORT} </p> {% IF news_list_all.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_all.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей --> <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluelarge"> <a href="{NEWS_SHOP_URL}">Новости магазина</a> </div> <div class="blockmain state padd"> {% FOR news_list_shop %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_shop.URL}" title="Перейти к новости: {news_list_shop.TITLE}">{news_list_shop.TITLE}</a> </div> <p> {news_list_shop.TEXT_SHORT} </p> {% IF news_list_shop.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_shop.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- END Если есть список новости магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluesmall"> <a href="{NEWS_ARTICLES_URL}">Статьи сайта</a> </div> <div class="blockmain state padd"> {% FOR news_list_articles %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_articles.URL}" title="Перейти к статье: {news_list_articles.TITLE}">{news_list_articles.TITLE}</a> </div> <p> {news_list_articles.TEXT_SHORT} </p> {% IF news_list_articles.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_articles.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- END Если есть список статей магазина и если в тарифном плане подключен модуль новостей --> <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %} <div class="block"> <div class="blocktitle bluelarge"> <a href="{NEWS_MASS_MEDIA_URL}">Новости СМИ</a> </div> <div class="blockmain state padd"> {% FOR news_list_mass_media %} <div class="statetext fnt11n txtalgnlft"> <div class="statetitle fnt12n txtalgnlft"> <a href="{news_list_mass_media.URL}" title="Перейти к странице новости: {news_list_mass_media.TITLE}">{news_list_mass_media.TITLE}</a> </div> <p> {news_list_mass_media.TEXT_SHORT} </p> {% IF news_list_mass_media.SHOW_TIME %} <div class="statedate fnt12 fnt11n txtalgnlft"> {news_list_mass_media.TIME | date("d.m.Y")} </div> {% ENDIF %} </div> {% ENDFOR %} </div> <div class="blockbottom"></div> </div> {% ENDIF %} <!-- END Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей --> </div>Далее там же найдите блок
<!-- END Корзина --> <!-- Для остальных страниц сайта --> {% IFNOT index_page %}и замените его на
<!-- END Корзина --> <!-- Для остальных страниц сайта --> <ul> <li> <a href="http://sad122.ru/" target="_blank"><img src="http://s13.radikal.ru/i186/1703/36/11fb0d0da00e.png "/></a> <a href="#"><img src="ссылка_на_изображение2"/></a> <a href="#"><img src="ссылка_на_изображение3"/></a> </li> </ul>Далее найдите блок
{% ENDIF %} <!-- END Если есть список статей и если в тарифном плане подключен модуль новостей --> {% ENDIF %}и замените его на
{% ENDIF %} <!-- END Если есть список статей и если в тарифном плане подключен модуль новостей -->
2) В файле main.css найдите блок
#mainindex { float: left; width: 512px; }и замените его на
#mainindex { float: left; width: 747px; }Затем найдите блок
#content #mainindex .headline { background: url(http://design.stasyashop.ru/headline-index-bg.jpg?design=plastic) top center no-repeat; width: 492px; }и замените его на
#content #mainindex .headline { width: 734px; }Блок
#index { background: url(http://design.stasyashop.ru/index-bg.jpg?design=plastic) 512px 0 repeat-y; margin: -11px 0 -11px 0; padding: 11px 0 11px 0; }замените на
#index { background: url(http://design.stasyashop.ru/index-bg.jpg?design=plastic) 747px 0 repeat-y; margin: -11px 0 -11px 0; padding: 11px 0 11px 0; }
3) Чтобы товары были в 3 колонки в шаблоне HTML найдите строку
{% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("2","</tr><tr>","")}{% ENDIF %}и замените ее на
{% IFNOT index_page_goods.last %}{index_page_goods.index | is_divided("3","</tr><tr>","")}{% ENDIF %}
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных