Здравствуйте!
У мня на Главной странице оба Блока (Новости и обзоры + О часах и брендах) расположены справа. Как перенести Блок "О часах и брендах" симметрично в левую часть страницы (под Блок КОРЗИНА)?
Заранее спасибо.
0
Изменение Положения Блока На Главной
Автор Aleksandr, 24 июля 2013 21:32
Сообщений в теме: 3
#1
Отправлено 24 Июль 2013 - 21:32
#2
Отправлено 24 Июль 2013 - 22:30
Aleksandr (24 Июль 2013 - 21:32) писал:
Здравствуйте!
У мня на Главной странице оба Блока (Новости и обзоры + О часах и брендах) расположены справа. Как перенести Блок "О часах и брендах" симметрично в левую часть страницы (под Блок КОРЗИНА)?
Заранее спасибо.
У мня на Главной странице оба Блока (Новости и обзоры + О часах и брендах) расположены справа. Как перенести Блок "О часах и брендах" симметрично в левую часть страницы (под Блок КОРЗИНА)?
Заранее спасибо.
<!-- Если есть список статей и если в тарифном плане подключен модуль новостей --> {% 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 %} {% IF news_list_articles.index >3 %}{break}{% ENDIF %} <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 Если есть список статей и если в тарифном плане подключен модуль новостей -->вот его 2 раза вырежьте и вставьте 1 раз !перед! строчками
<!-- Для остальных страниц сайта --> {% IFNOT index_page %}
#3
Отправлено 25 Июль 2013 - 09:15
Спасибо! Сделал.
И теперь ... опять же на Главной - как мне разместить Блок НОВИНКИ над Блоком О ЧАСАХ И БРЕНДАХ, а Блок ИНТЕРЕСНО - над Блоком НОВОСТИ И ОБЗОРЫ.
Важный момент - товар тогда будет корректно отображаться, в столбик?
И теперь ... опять же на Главной - как мне разместить Блок НОВИНКИ над Блоком О ЧАСАХ И БРЕНДАХ, а Блок ИНТЕРЕСНО - над Блоком НОВОСТИ И ОБЗОРЫ.
Важный момент - товар тогда будет корректно отображаться, в столбик?
#4
Отправлено 25 Июль 2013 - 13:39
Aleksandr (25 Июль 2013 - 09:15) писал:
Спасибо! Сделал.
И теперь ... опять же на Главной - как мне разместить Блок НОВИНКИ над Блоком О ЧАСАХ И БРЕНДАХ, а Блок ИНТЕРЕСНО - над Блоком НОВОСТИ И ОБЗОРЫ.
Важный момент - товар тогда будет корректно отображаться, в столбик?
И теперь ... опять же на Главной - как мне разместить Блок НОВИНКИ над Блоком О ЧАСАХ И БРЕНДАХ, а Блок ИНТЕРЕСНО - над Блоком НОВОСТИ И ОБЗОРЫ.
Важный момент - товар тогда будет корректно отображаться, в столбик?
Попробуйте заменить все содержимое в шаблоне HTML кодом из прикрепленного файла.
И в main.css сделайте такие изменения:
код
#content .box .titlebox ul li.blue { background:#5195af; float:left; height:22px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; margin:0 20px 0 0; } #content .box .titlebox ul li.blue a { background:url({ASSETS_IMAGES_PATH}content-ttl-cat-a.png) right bottom no-repeat; color:#FFF; display:inline-block; float:left; margin:0 -13px 0 5px; padding:4px 15px 4px 2px; text-decoration:none; line-height:14px; }замените на
#content .box .titlebox ul li.blue, #left .titlebox ul li.blue, #right .titlebox ul li.blue { background:#5195af; float:left; height:22px; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; margin:0 20px 0 0; } #content .box .titlebox ul li.blue a, #left .titlebox ul li.blue a, #right .titlebox ul li.blue a { background:url({ASSETS_IMAGES_PATH}content-ttl-cat-a.png) right bottom no-repeat; color:#FFF; display:inline-block; float:left; margin:0 -13px 0 5px; padding:4px 15px 4px 2px; text-decoration:none; line-height:14px; }и код
#content .box .ulproduct .img { float:left; max-width:150px; width:150px; min-height:130px; height:130px; }замените на
#content .box .ulproduct .img { float:left; max-width:150px; width:150px; min-height:130px; height:130px; } #right .ulproduct .img { min-height:130px; height:130px; } #right .ulproduct .buttons { margin-left: 14%;}
Прикрепленные файлы
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных