Очень нужна помощь в реализации блока с информацией, в правой части страницы. Пример во вложении.
Блок не широкий.
0
Добавить Блок В Карточке Товара Справа
Автор evros, 02 марта 2017 17:04
Сообщений в теме: 5
#1
Отправлено 02 Март 2017 - 17:04
#2
Отправлено 03 Март 2017 - 15:03
evros (02 Март 2017 - 17:04) писал:
Очень нужна помощь в реализации блока с информацией, в правой части страницы. Пример во вложении.
Блок не широкий.
Блок не широкий.
<div id="right_block"> <div class="brend_block"> <span>Официальный диллер бренда</span> {% FOR goods_features%} {%IF goods_features.NAME=Бренд%} <div>{goods_features.VALUE}</div> {%ENDIF%} {% ENDFOR %} </div> <div class="top_block"> <a href="ссылка на страницу"> <span>ТОП 10</span> <div>Ваш текст</div> </a> </div> <div class="why_block"> <a href="ссылка на страницу"> <span>ТОП 10</span> <div>Ваш текст</div> </a></div> </div>
далее в конец файла main.css добавьте
.top_block a, .why_block a { color: #6b6dc3; } .brend_block, .top_block, .why_block { width: 159px; border: 1px dashed #6ca9de; padding: 3px; margin-bottom: 10px; } #right_block span, .brend_block div { font-size: 12px; color: #fd8d08; } #right_block .brend_block span { color: #6b6dc3; } #right_block { position: fixed; right: 0; text-align: center; font-weight: bold; }
#3
Отправлено 03 Март 2017 - 16:40
Ирина345 (03 Март 2017 - 15:03) писал:
Здравствуйте, добавьте в начало шаблона Товар код
далее в конец файла main.css добавьте
<div id="right_block"> <div class="brend_block"> <span>Официальный диллер бренда</span> {% FOR goods_features%} {%IF goods_features.NAME=Бренд%} <div>{goods_features.VALUE}</div> {%ENDIF%} {% ENDFOR %} </div> <div class="top_block"> <a href="ссылка на страницу"> <span>ТОП 10</span> <div>Ваш текст</div> </a> </div> <div class="why_block"> <a href="ссылка на страницу"> <span>ТОП 10</span> <div>Ваш текст</div> </a></div> </div>
далее в конец файла main.css добавьте
.top_block a, .why_block a { color: #6b6dc3; } .brend_block, .top_block, .why_block { width: 159px; border: 1px dashed #6ca9de; padding: 3px; margin-bottom: 10px; } #right_block span, .brend_block div { font-size: 12px; color: #fd8d08; } #right_block .brend_block span { color: #6b6dc3; } #right_block { position: fixed; right: 0; text-align: center; font-weight: bold; }
Шикарно! Благодарю Вас!
#4
Отправлено 19 Декабрь 2017 - 12:38
Добрый день. Помогите перенести блок влево.
#5
Отправлено 19 Декабрь 2017 - 14:06
Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
замените на:
#right_block { position: fixed; right: 0; text-align: center; font-weight: bold; }
замените на:
#right_block { position: fixed; left: 1%; text-align: center; font-weight: bold; }
#6
Отправлено 19 Декабрь 2017 - 15:23
metry (19 Декабрь 2017 - 14:06) писал:
Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:
замените на:
#right_block { position: fixed; right: 0; text-align: center; font-weight: bold; }
замените на:
#right_block { position: fixed; left: 1%; text-align: center; font-weight: bold; }
Благодарю!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных