Редактирование Верхних Блоков
#1
Отправлено 09 Июнь 2015 - 09:58
Подскажите пожалуйста, как вместо вот этого блока (фото прикрепляю) установить на это место HTML календарь, вот от куда можно взять календарь: http://www.pojelanie.ru/inf/
Прошу помочь с данным вопросом!
#2
Отправлено 09 Июнь 2015 - 10:06
Снежколеп (09 Июнь 2015 - 09:58) писал:
Подскажите пожалуйста, как вместо вот этого блока (фото прикрепляю) установить на это место HTML календарь, вот от куда можно взять календарь: http://www.pojelanie.ru/inf/
Прошу помочь с данным вопросом!
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<div class="block secured-payment col-xs-3 col-md-6"> <div class="block-title"><span>Безопасная оплата</span></div> <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div> </div>
Замените на:
<div class="block secured-payment col-xs-3 col-md-6" style="padding: 0;"> <a href="http://www.pojelanie.ru/" target="_blank"> <img border="0" src="http://pojelanie.ru/inf/calendar.png" width="165" height="200" alt="Календарь праздников"></a> </div>
#3
Отправлено 09 Июнь 2015 - 11:03
Firefly (09 Июнь 2015 - 10:06) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<div class="block secured-payment col-xs-3 col-md-6"> <div class="block-title"><span>Безопасная оплата</span></div> <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div> </div>
Замените на:
<div class="block secured-payment col-xs-3 col-md-6" style="padding: 0;"> <a href="http://www.pojelanie.ru/" target="_blank"> <img border="0" src="http://pojelanie.ru/inf/calendar.png" width="165" height="200" alt="Календарь праздников"></a> </div>
Огромное спасибо!
#4
Отправлено 09 Июнь 2015 - 13:48
Firefly (09 Июнь 2015 - 10:06) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<div class="block secured-payment col-xs-3 col-md-6"> <div class="block-title"><span>Безопасная оплата</span></div> <div class="block-content">Оплата товаров с использованием технологии 3D Secure.</div> </div>
Замените на:
<div class="block secured-payment col-xs-3 col-md-6" style="padding: 0;"> <a href="http://www.pojelanie.ru/" target="_blank"> <img border="0" src="http://pojelanie.ru/inf/calendar.png" width="165" height="200" alt="Календарь праздников"></a> </div>
Ещё один такой вопросик!
Подскажите пожалуйста, как отредактировать теперь верхний блок, в фото показываю как необходимо всё сделать.
Фото 1
Фото 2
#5
Отправлено 09 Июнь 2015 - 14:34
Снежколеп (09 Июнь 2015 - 13:48) писал:
Подскажите пожалуйста, как отредактировать теперь верхний блок, в фото показываю как необходимо всё сделать.
Фото 1
Фото 2
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, в самом конце добавьте код:
.block.secured-payment.col-xs-3.col-md-6 { margin: -38px 0 0; }
#8
Отправлено 01 Август 2015 - 02:37
</div> <!-- END: Main Navigation --> <div class="nav-right col-xs-2 col-md-3"> <div class="header-right-inner">после него разместите код необходимых кнопок.
2. Уточните пожалуйста, актуален ли вопрос, так как у вас немного иначе отображается шапка сайта?
3. В шаблоне HTML найдите и удалите:
<div class="block-search"> <form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get"> <div class="form-search"> <input id="search" type="text" name="q" value="" class="inputText search-string" placeholder="Поиск по магазину..."> <button type="submit" title="Искать" class="button search-submit"></button> </div> </form> </div> {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %} <div class="block block-compare {% IFNOT COMPARE_GOODS_COUNT = 0 %}have-items{% ENDIF %}"> <div class="compare-toggle"> <a href="{COMPARE_URL}" class="link-hide"></a> <span class="compare-num">{COMPARE_GOODS_COUNT}</span> </div> <div class="block-content clearfix"> <div class="block-inner"> <ul id="compare-items"> {% FOR compare_goods %} <li class="item" {% IF compare_goods.index > 5 %}style="display:none;"{% ENDIF %}> <a data-href="{COMPARE_DELETE_URL}?id={compare_goods.MIN_PRICE_NOW_ID}" data-goods-mod-id="{compare_goods.MIN_PRICE_NOW_ID}" class="btn-remove close remove-compare" title="Убрать товар из списка сравнения">×</a> <p class="product-name"><a href="{compare_goods.URL}" class="title" title="{compare_goods.NAME}">{compare_goods.NAME}</a></p> <a href="#" class="dataid">{compare_goods.ID}</a> </li> {% ENDFOR %} </ul> <div class="actions"> <a href="{COMPARE_URL}" class="button">Перейти к Сравнению</a> </div> </div> </div> </div> {% ENDIF %} <div class="block mini-cart {% IFNOT CART_COUNT_TOTAL = 0 %}have-items{% ENDIF %} {% IF MOD_LNAME = cart %}cart-page{% ENDIF %}"> <div class="block-title"> <a href="{CART_URL}" class="link-hide"></a> <div class="cart-status"> <span class="cart-count">{CART_COUNT_TOTAL}</span> </div> </div> <div class="block-content dropdown-cart"> <div class="block-inner"> {% IF cart_count_empty %} <p class="block-subtitle empty">Ваша корзина пуста</p> {% ELSE %} <p class="block-subtitle not-empty">В корзине:</p> {% ENDIF %} <ul id="cart-sidebar" class="mini-products-list"> {% FOR cart_items %} <li class="cart-item"> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=azure{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a> <div class="product-details"> <p class="product-name"> <a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}">{cart_items.GOODS_NAME}</a> </p> <p class="product-mod"> {% IFNOT cart_items.distinctive_properties_empty %}<span title="({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})">({% FOR distinctive_properties %}{cart_items.distinctive_properties.NAME}: {cart_items.distinctive_properties.VALUE}{% IFNOT cart_items.distinctive_properties.last %}, {% ENDIF %}{% ENDFOR %})</span>{% ENDIF %} </p> </div> <div class="product-details-bottom"> <div class="price-box"> <span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW}</span> </div> <p class="quantity-container"> <span class="label-qty">Количество:</span> <span class="qty inputText">{cart_items.ORDER_LINE_QUANTITY}</span> </p> </div> <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove btn-remove"></a> </li> {% ENDFOR %} </ul> <div class="bottom-action actions"> <a class="button remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить</a> <a class="button" title="Перейти к оформлению заказа" href="{CART_URL}">В корзину</a> </div> </div> </div> </div>4. В шаблоне HTML найдите и удалите:
<!-- Виджет сообществ --> <div id="community_widget_right"> <div class="community-widget"> <span class="community-widget-button"><i class="fa fa-vk"></i></span> <div class="community-widget-content"> <!-- VK Widget. Замените id(20003922) на id Вашей группы --> <div id="vk_groups"></div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width: "220", height: "400", color1: 'FFFFFF', color2: '666666', color3: '#3cabda'}, 20003922); </script> </div> </div> </div>
#10
Отправлено 03 Август 2015 - 20:21
#11
Отправлено 03 Август 2015 - 20:55
Tagashi (03 Август 2015 - 15:00) писал:
Зеленым - необходимо сделать полосу в 1-2px белым
Красным - Расположить Кнопки-ссылки (на другие страницы на сайте)
и необходимо ПОДНЯТЬ логотип в белую зону., т.е. выше.
Здравствуйте,
1) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}
Замените его на:
#menu .inner {width: 100%;background: white;}
В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#menu {position: relative;margin: 0 0;max-height: 80px;}
Замените его на:
#menu {position: relative;margin: 0 0;max-height: 2px;}
2) Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get"> </form> </div> </div>
Замените его на:
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get"> </form> </div> </div> <div class="block"> <a class="ssylki" style="color: white; border-radius: 15px; border: 1px solid white; padding: 10px;">Вариант 1</a> </div>
В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css добавьте в конец шаблона код:
color: white; border-radius: 15px; border: 1px solid white; padding: 10px; .ssylki { color: white; border-radius: 15px; border: 1px solid white; padding: 10px; } .block { color: white!important; position: relative; top: 23px; left: -355px; width: 100%; height: 40px; }
3) В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
#header #logo {display: block;float: left;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
Замените его на:
#header #logo {position: relative; top: -38px;display: block;float: left;margin-left: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#12
Отправлено 04 Август 2015 - 14:16
#14
Отправлено 04 Август 2015 - 14:21
кстати, при вставки кода
рядом с COLOR красный крест
color: white; border-radius: 15px; border: 1px solid white; padding: 10px;
.ssylki {
color: white;
border-radius: 15px;
border: 1px solid white;
padding: 10px;
}
.block {
color: white!important;
position: relative;
top: 23px;
left: -355px;
width: 100%;
height: 40px;
}
#15
Отправлено 04 Август 2015 - 14:36
Tagashi (04 Август 2015 - 14:21) писал:
кстати, при вставки кода
рядом с COLOR красный крест
color: white; border-radius: 15px; border: 1px solid white; padding: 10px;
.ssylki {
color: white;
border-radius: 15px;
border: 1px solid white;
padding: 10px;
}
.block {
color: white!important;
position: relative;
top: 23px;
left: -355px;
width: 100%;
height: 40px;
}
Данное предупреждение возникает из-за использования атрибута "!important;". Пожалуйста, выполните изменения из предыдущей инструкции для продолжения.
#16
Отправлено 04 Август 2015 - 14:46
кнопки расположены некорректно
#17
Отправлено 04 Август 2015 - 16:32
#18
Отправлено 04 Август 2015 - 19:23
Tagashi (04 Август 2015 - 14:46) писал:
кнопки расположены некорректно
Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML найдите код:
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get"> </form> </div> </div> <div class="block"> <a class="ssylki" style="color: white; border-radius: 15px; border: 1px solid white; padding: 10px;">Вариант 1</a> </div>
Замените его на:
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get"> </form> </div> </div> <div class="blocks"> <a class="ssylki">Вариант 1</a> </div>
В админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:
color: white; border-radius: 15px; border: 1px solid white; padding: 10px; .ssylki { color: white; border-radius: 15px; border: 1px solid white; padding: 10px; } .block { color: white!important; position: relative; top: 23px; left: -355px; width: 100%; height: 40px; }
Замените его на:
.ssylki { color: white; border-radius: 15px; border: 1px solid white; padding: 10px; } .blocks { color: white!important; position: relative; top: 23px; left: -355px; width: 100%; height: 40px; }
#20
Отправлено 05 Август 2015 - 01:25
<div class="header-right col-xs-8"> <div class="header-right-inner"> <ul class="connect-us"> <li><a href="#" class="fa fa-facebook"></a></li> <li><a href="#" class="fa fa-twitter"></a></li> <li><a href="#" class="fa fa-youtube"></a></li> <li><a href="#" class="fa fa-vk"></a></li> </ul> <form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get"> </form> </div> </div> <div class="blocks"> <a class="ssylki">Вариант 1</a> </div> <div class="block"> <a class="ssylki" style="color: white; border-radius: 15px; border: 1px solid white; padding: 10px;">Вариант 1</a> </div>
замените на:
<div class="header-right col-xs-8"> <div class="header-right-inner"> <div class="blocks"> <a class="ssylki">Вариант 1</a> </div> <div class="blocks"> <a class="ssylki">Вариант 1</a> </div> </div> </div>
далее в main.css найдите:
.blocks { color: #FFF !important; position: relative; top: 23px; left: -355px; width: 100%; height: 40px; }
замените на:
.blocks { color: #FFF !important; position: relative; display: inline-block; margin: 0px 10px; }
далее найдите:
#header { position: relative; padding: 40px 0px; }
замените на:
#header { position: relative; padding: 0px; }
далее найдите:
#header #logo { position: relative; display: block; margin-left: 0px; float: left; box-sizing: border-box; top: -38px; }замените на:
#header #logo { position: relative; display: block; float: left; margin-left: 0px; box-sizing: border-box; clear: both; }далее найдите:
#header .header-right .header-right-inner { float: right; }замените на:
#header .header-right .header-right-inner { float: right; clear: both; height: 65px; line-height: 65px; }
после этого кнопки должны быть ровно на синей полосе
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных