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


Изменение Положения Блока На Главной


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

#1 Aleksandr

Aleksandr

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 24 Июль 2013 - 21:32

Здравствуйте!

У мня на Главной странице оба Блока (Новости и обзоры + О часах и брендах) расположены справа. Как перенести Блок "О часах и брендах" симметрично в левую часть страницы (под Блок КОРЗИНА)?

Заранее спасибо.

#2 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 24 Июль 2013 - 22:30

Просмотр сообщенияAleksandr (24 Июль 2013 - 21:32) писал:

Здравствуйте!

У мня на Главной странице оба Блока (Новости и обзоры + О часах и брендах) расположены справа. Как перенести Блок "О часах и брендах" симметрично в левую часть страницы (под Блок КОРЗИНА)?

Заранее спасибо.
Здравствуйте. В шаблоне HTML у вас 2 раза встречается блок кода
<!-- Если есть список статей и если в тарифном плане подключен модуль новостей -->
	 {% 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 Aleksandr

Aleksandr

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 77 сообщений
  • ГородСанкт-Петербург

Отправлено 25 Июль 2013 - 09:15

Спасибо! Сделал.

И теперь ...  опять же на Главной - как мне разместить Блок НОВИНКИ над Блоком О ЧАСАХ И БРЕНДАХ, а Блок ИНТЕРЕСНО - над Блоком НОВОСТИ И ОБЗОРЫ.

Важный момент - товар тогда будет корректно отображаться, в столбик?

#4 sengun

sengun

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

  • Модератоpы
  • 1 139 сообщений
  • ГородНижний Новгород

Отправлено 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 анонимных