#1
Отправлено 15 Август 2014 - 12:42
Аккаунт SL-302176 Самостоятельно найти ответы не получилось.
В шапке:
1) оформить контакты как на рисунке, при этом иконки телефона и почты вставить картинками
2) перетянуть поиск в середину, не пойму никак что за это отвечает.
3) оформить Вход и регистрацию как на рисунке
4) Сместить сравнение товаров левее
В левой колонке:
1) выровнять ширину блоков Каталог и Вы смотрели
2) стиль текстра "Каталог" сделать таким же как и стиль "Вы смотрели" с тенью. Сместить "Каталог" левее.
3) в просмотренных товарах оставить только кликабельные изображения, а цену и название убрать.
#2
Отправлено 16 Август 2014 - 00:42
.contacts { display: table; float: left; margin-left: 80px; margin-top: 30px; position: relative; width: 300px; z-index: 30; }ниже пропишите:
.contacts .phone a { color: #fff; text-decoration: none; font-weight: bold; background: url('ссылка на иконку телефона') no-repeat left center; padding-left: 20px; }не забудьте вставить ссылку иконки в обозначенное место, строки графика работы не обнаружила.
2. В style.css найдите:
#search_block_top { float: left; margin: 20px 10px 5px 0; position: static; }замените на:
#search_block_top { float: left; margin: 20px 10px 5px 150px; position: static; }
3. Для начала необходимо добавить сами кнопки, у нас на форуме имеется инструкция по данному вопросу:
http://forum.storela...нет/#entry19753
4.В style.css найдите:
#header_user_info { clear: both; color: #fafafa; display: block; font-size: 12px; margin-top: 6px; padding: 0; text-align: right; }замените на:
#header_user_info { clear: both; color: #fafafa; display: block; font-size: 12px; margin-right: 150px; margin-top: 6px; padding: 0; text-align: right; }
По боковой панели:
1.По ширине блока они идентичны, возможно вы хотите выровнять их по высоте?
2.В style.css найдите:
.block2 .block-title { background: #84225e; border: 1px solid #84225e; color: #ffffff; display: block; padding: 6px 18px; position: relative; text-transform: uppercase; }замените на:
.block2 .block-title { background: none repeat scroll 0 0 #84225e; border: 1px solid #84225e; color: #ffffff; display: block; padding: 6px 11px; position: relative; text-shadow: 0 1px 0 #000; text-transform: uppercase; }3.В шаблоне HTML найдите:
<!-- Недавно просмотренные товары --> {% IFNOT recently_viewed_goods_empty %} <div id="recently_viewed"> <h4>Вы смотрели</h4> <div class="block_content"> <ul class="product_images"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 10 %} {break} {% ENDIF %} <li class="item clearfix"> {% IF user_agent_ie7 %} <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" > <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> </a> {% ELSEIF user_agent_ie8 %} <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" > <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> </a> {% ELSE %} <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" > <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> </a> {% ENDIF %} <p><a href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»">{recently_viewed_goods.NAME}</a><br /> <span class="price">{recently_viewed_goods.MIN_PRICE_NOW | money_format}</span><br /> <span class="old-price"> {% IF recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>recently_viewed_goods.MIN_PRICE_NOW %} {recently_viewed_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format} {% ELSEIF recently_viewed_goods.MIN_PRICE_OLD>recently_viewed_goods.MIN_PRICE_NOW %} {recently_viewed_goods.MIN_PRICE_OLD | money_format} {% ENDIF %} </span> </p> </li> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Недавно просмотренные товары -->замените на:
<!-- Недавно просмотренные товары --> {% IFNOT recently_viewed_goods_empty %} <div id="recently_viewed"> <h4>Вы смотрели</h4> <div class="block_content"> <ul class="product_images"> {% FOR recently_viewed_goods %} {% IF recently_viewed_goods.index > 10 %} {break} {% ENDIF %} <li class="item clearfix"> {% IF user_agent_ie7 %} <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" > <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> </a> {% ELSEIF user_agent_ie8 %} <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" > <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> </a> {% ELSE %} <a class="content_img clearfix" href="{recently_viewed_goods.URL}" title="Перейти на страницу «{recently_viewed_goods.NAME}»" > <img src="{% IF recently_viewed_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png{% ELSE %}{recently_viewed_goods.IMAGE_SMALL}{% ENDIF %}" alt="{recently_viewed_goods.NAME}" /> </a> {% ENDIF %} </li> {% ENDFOR %} </ul> </div> </div> {% ENDIF %} <!-- END Недавно просмотренные товары -->
#3
Отправлено 20 Август 2014 - 12:00
Подскажите пожалуйста еще несколько вопросов по адаптивности:
1) на 10 и 12 дюймовых экранах убегают корзина и сревнение товаров. Как ее прикрепить сверху?
2) при таком размере экрана становится заметна разница в ширине каталога и недавно просмотренных товаров
3) при сильном увеличении "убегает" текст из корзины. Возможно ли его как-то закрепить?
#4
Отправлено 20 Август 2014 - 12:49
Marusya (20 Август 2014 - 12:00) писал:
Подскажите пожалуйста еще несколько вопросов по адаптивности:
1) на 10 и 12 дюймовых экранах убегают корзина и сревнение товаров. Как ее прикрепить сверху?
2) при таком размере экрана становится заметна разница в ширине каталога и недавно просмотренных товаров
10-12.jpg
3) при сильном увеличении "убегает" текст из корзины. Возможно ли его как-то закрепить?
корзина.jpg
1)
В main.css
<div id="header-right" > <div id="header_user_info"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF COMPARE_GOODS_COUNT=0 %} <div class="menuCompare" style="visibility: hidden;"> <em>Ваш список сравнения пуст</em> </div> {% ELSE %} <div class="menuCompare"> <b>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</b><br /> </div> {% ENDIF %} {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </div>измените на
<div id="header-right" style=" width: 35px; top: -54px; left: 100px;"> <div id="header_user_info"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF COMPARE_GOODS_COUNT=0 %} <div class="menuCompare" style="visibility: hidden;"> <em>Ваш список сравнения пуст</em> </div> {% ELSE %} <div class="menuCompare"> <b>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</b><br /> </div> {% ENDIF %} {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </div>2)
В style.css
.block2 { margin-bottom: 20px; background: #fff; border-left: 1px solid #efefef; border-right: 1px solid #efefef; float: left; position: relative; width: 210px; }измените на
.block2 { margin-bottom: 20px; background: #fff; border-left: 1px solid #efefef; border-right: 1px solid #efefef; float: left; position: relative; width: 220px; }3)
в Style.css
@media only screen and (max-width: 767px) #header_shopping_cart { margin-top: 16px; width: 100%; }измените на
@media only screen and (max-width: 767px) #header_shopping_cart { margin-top: 16px; width: 32%; }
#5
Отправлено 26 Ноябрь 2014 - 21:01
Подскажите как:
1. разместить две картинки как на скриншоте (картинки залил kont_klin.png и kont_soln.png) чтобы были по центру на одной оси с логотипом телефоном и корзиной.
2. сделать чтоб в верхнем меню тыкалось слово Главная и Каталог
http://suvenir-klin.ru/
#6
Отправлено 27 Ноябрь 2014 - 03:13
<div class="contacts">разместите:
<div class="banner"><img src="ссылка на картинку" alt="" /></div> <div class="banner"><img src="ссылка на картинку" alt="" /></div>
и в style.css добавьте:
.banner { float: right; }
также найдите:
#header-logo { display: table; float: left; margin-left: 10px; margin-top: 30px; position: relative; width: 210px; z-index: 30; }замените на:
#header-logo { display: table; float: left; margin-left: 10px; margin-top: 30px; position: relative; z-index: 30; }2. В style.css найдите:
#megamenu { height: 50px; left: 258px; position: absolute; top: 90px; }замените на:
#megamenu { height: 50px; left: 258px; position: absolute; top: 90px; z-index: 99; }
#7
Отправлено 22 Май 2015 - 23:02
Надо чтобы при наведении картинки подменялись и кликались по ссылкам.
1. картинка http://design.suvenir-klin.ru/49.png при наведении меняется на http://design.suvenir-klin.ru/49-1.png и кликается на страницу http://suvenir-klin....ge/Kak-poluchit
2. картинка http://design.suveni...u/VKontakte.png при наведении меняется на http://design.suveni.../VKontakte1.png и кликается на https://vk.com/suvenirklin
3. картинка http://design.suveni...ssniki.png?4433 при наведении меняется на http://design.suveni...oklassniki1.png и кликается на http://ok.ru/fotosuvenirklin
4. картинка http://design.suveni...u/Instagram.png при наведении меняется на http://design.suveni.../Instagram1.png и кликается на https://instagram.com/suvenirklin/
Заранее благодарен!)
#8
Отправлено 26 Май 2015 - 04:09
<div id="header_user_info"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF COMPARE_GOODS_COUNT=0 %} <div class="menuCompare" style="visibility: hidden;"> <em>Ваш список сравнения пуст</em> </div> {% ELSE %}
вставьте:
<div class="left"> <a class="adr" href="http://suvenir-klin.ru/page/Kak-poluchit"></a> <a class="vk" href="https://vk.com/suvenirklin"></a> <a class="ok" href="http://ok.ru/fotosuvenirklin"></a> <a class="inst" href="https://instagram.com/suvenirklin/"></a> </div>
Далее зайдите в файл main.css найдите:
#header_user #header_nav{list-style-type:none;float:right} #header-right{float:right;height:100px;position: relative; z-index:20;margin-right: 10px;}
после него пропишите:
#header-right .left{float:left;} #header-right .left a{float:left;display:block;height:85px;width:85px;margin:10px;} #header-right .left .adr{background:url('http://design.suvenir-klin.ru/49.png') no-repeat center center;} #header-right .left .adr:hover{background:url('http://design.suvenir-klin.ru/49-1.png') no-repeat center center;} #header-right .left .vk{background:url('http://design.suvenir-klin.ru/VKontakte.png') no-repeat center center;} #header-right .left .vk:hover{background:url('http://design.suvenir-klin.ru/VKontakte1.png') no-repeat center center;} #header-right .left .ok{background:url('http://design.suvenir-klin.ru/odnoklassniki.png?4433') no-repeat center center;} #header-right .left .ok:hover{background:url('http://design.suvenir-klin.ru/odnoklassniki1.png') no-repeat center center;} #header-right .left .inst{background:url('http://design.suvenir-klin.ru/Instagram.png') no-repeat center center;} #header-right .left .inst:hover{background:url('http://design.suvenir-klin.ru/Instagram1.png') no-repeat center center;}
#10
Отправлено 26 Май 2015 - 22:02
#12
Отправлено 27 Май 2015 - 03:24
#header-right .left{float:}замените на:
#header-right .left { float: left; }
далее найдите:
#header_shopping_cart{position: static;width:170px;float:right;clear:both;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
замените на:
#header_shopping_cart{position: static;width:170px;float:right;margin-top:26px;list-style:none;background-clip:padding-box;-moz-background-clip:padding-box;-webkit-background-clip:padding-box; background:#f7f7f7 url('{ASSETS_IMAGES_PATH}cart_red.png?design=autumn') no-repeat 12px;border:1px solid #cecece;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px; box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-moz-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05);-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,0.05)}
далее найдите:
#header-right{float:left;height:100px;position: relative; z-index:20;margin-right: 10px;}замените на:
#header-right{float:right;height:100px;position: relative; z-index:20;margin-right: 10px;}
далее в шаблоне HTML найдите:
<div id="header_user_info"> <!-- Если в тарифном плане подключен модуль сравнения товаров --> {% IF TARIFF_FEATURE_GOODS_COMPARE %} <!-- Если не выключен модуль сравнения товаров, то покажем этот блок --> {% IFNOT SETTINGS_COMPARE_DISABLE %} {% IF COMPARE_GOODS_COUNT=0 %} <div class="menuCompare" style="visibility: hidden;"> <em>Ваш список сравнения пуст</em> </div> {% ELSE %} <div class="menuCompare"> <em>Сейчас на <a href="{COMPARE_URL}">сравнении</a> {COMPARE_GOODS_COUNT} товар{COMPARE_GOODS_COUNT | gen_word_end("","а","ов")}.</em><br /> </div> {% ENDIF %} {% ENDIF %} {% ENDIF %} <!-- END Если в тарифном плане подключен модуль фильтров по товарам --> </div>
перенесите его, поставив после:
<div id="cart_block_total_checkout"> <a class="exclusive" href="{CART_URL}" id="button_order_cart" rel="nofollow" title="Оформить заказ"><span>Оформить заказ</span></a> </div> </div> </div> <div class="clear"></div>
#13
Отправлено 27 Май 2015 - 13:40
#14
Отправлено 27 Май 2015 - 16:16
trooyan (27 Май 2015 - 13:40) писал:
#header-logo { display: table; float: left; margin-left: 10px; margin-top: 30px; position: relative; z-index: 30; }
замените на:
#header-logo { display: table; float: left; margin-left: 10px; margin-top: 30px; position: relative; }
а код:
#megamenu { height: 50px; left: 230px; position: absolute; top: 90px; z-index: 99; }
на:
#megamenu { height: 50px; left: 230px; position: absolute; top: 90px; }
#15
Отправлено 07 Июнь 2015 - 21:55
#16
Отправлено 08 Июнь 2015 - 09:32
trooyan (07 Июнь 2015 - 21:55) писал:
Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<a class="vk" href="https://vk.com/suvenirklin"></a> <a class="ok" href="http://ok.ru/fotosuvenirklin"></a> <a class="inst" href="https://instagram.com/suvenirklin/"></a>
Замените на:
<a class="vk" href="https://vk.com/suvenirklin" target="_blank"></a> <a class="ok" href="http://ok.ru/fotosuvenirklin" target="_blank"></a> <a class="inst" href="https://instagram.com/suvenirklin/" target="_blank"></a>
#18
Отправлено 21 Март 2018 - 16:16
elisei.parfum (20 Март 2018 - 14:11) писал:
И добавить еще одну категорию "косметика"
Темы с аналогичным тегами шапка, контакты, поиск
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Маркетплейс →
Главная →
Добавление В Шапку Сайта Почты И Сделать Крупно Номер ТелефонаАвтор Гость_Art_* , 05 марта 2021 банер, телефон, почта, бренд и 2 еще... |
|
|||
Повышение продаж, продвижение →
SEO →
Страницы В ПоискеАвтор Гость_NykRym_* , 28 янв. 2021 поиск, SEO |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Спорт →
Главная →
Вывод Окна Поиска В Шапке Под Заголовками МенюАвтор Гость_metry_* , 23 янв. 2021 поиск |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техно →
Изменение общей стилистики →
Добавил Элементы В ШапкеАвтор Гость_like.hornet.6_* , 22 авг. 2019 шапка, добавить, элементы |
|
|||
Вопросы работы сервиса StoreLand →
Дизайн →
Шаблон Техно →
Изменение общей стилистики →
Ссылки На Странице В ШапкеАвтор Гость_vproekt_* , 10 апр. 2019 шапка |
|
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных