Изменение Дизайна Главной Страницы.
#1
Отправлено 30 Апрель 2018 - 10:27
#2
Отправлено 30 Апрель 2018 - 19:40
#header-top{background:rgba(255,255,255,0.05);height:40px;}
замените на:
#header-top{background:rgba(255,255,255,0.05);height:45px;} #header-top .menuWrap{width:70%;float:left;max-height: 45px;}
далее зайдите в Редактор шаблонов-->HTML и найдите:
<div class="mainwidth"> <!-- Форма поиска --> <div id="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;"> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = '';" onkeydown="this.style.color = '#fff';"/> <button title="Искать" type="submit" value="Поиск" class="button-search icon-search"></button> </form> </div> <!-- /Форма поиска --> </div>
замените на:
<div class="mainwidth"> <ul class="menuWrap"> {%FOR catalog_full%} <li class=" {% IF catalog_full.CURRENT %}selected{% ENDIF %}"><a class="menuparent {% IF catalog_full.CURRENT %}selected{% ENDIF %}" href="{catalog_full.URL}" {% IF catalog_full.TITLE %}title="{catalog_full.TITLE}"{% ENDIF %}>{catalog_full.NAME}</a></li> {% ENDFOR %} </ul> <!-- Форма поиска --> <div id="search"> <form id="search_mini_form" action="{SEARCH_URL}" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;"> <input type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Поиск по магазину...{% ENDIF %}" onfocus="if(this.value=='Поиск по магазину...'){this.value='';}" onblur="if(this.value==''){this.value='Поиск по магазину...';}" onclick="this.value = '';" onkeydown="this.style.color = '#fff';"/> <button title="Искать" type="submit" value="Поиск" class="button-search icon-search"></button> </form> </div> <!-- /Форма поиска --> </div>
далее найдите:
{%ENDIF%} <li class="header-button w50"><a href="{COMPARE_URL}" title="Сравнение"><span class="icon-diamond"></span> Сравнение <span id="compareInfoBlock"><span class="compare-count" id="compareInfo"><span class="nb_goods">{COMPARE_GOODS_COUNT}</span></span></span></a></li> <li class="header-button w50"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> Корзина <span class="cart-count">
замените на:
{%ENDIF%} <li class="header-button w50"><a href="{CART_URL}" title="Корзина"><span class="icon-cart3"></span> Корзина <span class="cart-count">
далее зайдите в Редактор шаблонов-->main.css и найдите:
.forbanners{margin:20px auto;}
замените на:
.forbanners{margin:20px auto;display:none;}
далее зайдите в раздел Товары -->Товары-->Особые разделы и заполните их товарами.
#4
Отправлено 04 Май 2018 - 14:40
<div id="header-top"> <div class="mainwidth"> <ul class="menuWrap"> {%FOR catalog_full%} <li class=" {% IF catalog_full.CURRENT %}selected{% ENDIF %}"><a class="menuparent {% IF catalog_full.CURRENT %}selected{% ENDIF %}" href="{catalog_full.URL}" {% IF catalog_full.TITLE %}title="{catalog_full.TITLE}"{% ENDIF %}>{catalog_full.NAME}</a></li> {% ENDFOR %} </ul>
замените на:
<div id="header-top"> <div class="mainwidth"> <ul class="menuWrap"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}selected{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>
далее найдите:
<div class="lrmenubutton">Меню</div> <ul class="menuWrap"> {% FOR menu %} {% FOR header %} {% FOR links %} <li class="{% IF menu.header.links.SELECTED %}selected{%ENDIF%}"><a class="menuparent {% IF menu.header.links.SELECTED %}selected{%ENDIF%}" href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li> {% ENDFOR %} {% ENDFOR %} {% ENDFOR %} </ul>
замените на:
<div class="lrmenubutton">Меню</div> <ul class="menuWrap"> {%FOR catalog_full%} <li class=" {% IF catalog_full.CURRENT %}selected{% ENDIF %}"><a class="menuparent {% IF catalog_full.CURRENT %}selected{% ENDIF %}" href="{catalog_full.URL}" {% IF catalog_full.TITLE %}title="{catalog_full.TITLE}"{% ENDIF %}>{catalog_full.NAME}</a></li> {% ENDFOR %} </ul>
#6
Отправлено 11 Май 2018 - 16:37
Алексей Ж. (06 Май 2018 - 14:54) писал:
Изменения произвёл
Текст вкладок можно изменить в шаблоне HTML
<h2 style="text-align: center; margin: 10px 0;">Наши товары</h2> <ul class="goods-list"> {% IFNOT index_page_new_goods_empty %}<li class="goods-list__item"><h2 class="indexh2">Новинки</h2></li>{%ENDIF%} {% IFNOT index_page_favorites_goods_empty %}<li class="goods-list__item"><h2 class="indexh2">Хиты продаж</h2></li>{%ENDIF%} {% IFNOT index_page_goods_empty %}<li class="goods-list__item"><h2 class="indexh2">Товары на главной</h2></li>{%ENDIF%}
#7
Отправлено 12 Май 2018 - 15:35
1. при открытии сайта он должен открываться на ГЛАВНОЙ странице сразу.
2. На главной странице хотелось бы внести изменения, как показано в скриншоте.(цвет и пункт в меню.)
#8
Отправлено 14 Май 2018 - 14:59
Алексей Ж. (12 Май 2018 - 15:35) писал:
1. при открытии сайта он должен открываться на ГЛАВНОЙ странице сразу.
2. На главной странице хотелось бы внести изменения, как показано в скриншоте.(цвет и пункт в меню.)
Здравствуйте.
В данном случае Вам необходимо в шаблоне main.css найти следующий код:
#header-top { background: rgba(255,255,255,0.05); height: 45px; }
И заменить его вот этим кодом:
#header-top { background: #f2b528; height: 45px; }
После чего там же найдите, пожалуйста, данный код:
#header-container { background: #135C5D; box-shadow: 0 0 7px rgba(0, 0, 0, 0.04) inset; }
И замените его вот этим вот кодом:
#header-container { background: #f34d19; box-shadow: 0 0 7px rgba(0, 0, 0, 0.04) inset; }
Далее, всё там же, найдите, пожалуйста, следующий код:
.header-bottom { background: #14a395; min-height: 50px; overflow: hidden; }
И замените его вот этим вот кодом:
.header-bottom { background: #f1ee33; min-height: 50px; overflow: hidden; }
Чтобы добавить нужный Вам пункт меню на Ваш сайт, Вам необходимо в разделе: "Сайт" -> "Меню" в верхнем блоке, просто добавить новый пункт существующей у Вас страницы: "О нас".
#10
Отправлено 19 Май 2018 - 12:35
Алексей Ж. (17 Май 2018 - 16:52) писал:
Помогите пожалуйста сделать так, чтобы сайт открывался сразу на главной странице. И она будет такой, как на скриншоте, который мы сейчас будем переделывать------
цвет поиска измените в строке (2я строка цвет при наведении)
#search_mini_form input{background:#0D8676;border:none;color:#95a8a9;height:30px;width:210px;padding:0 5px;border-radius:2px;} #search_mini_form:hover input,#search_mini_form input:focus{color:white;background:#14a395;outline:0;}Цвет пунктов изменил в строке
.menuWrap li a{color: #86260b;font-weight: bold;font-size:16px;padding:10px 5px;}
цвет иконок
.header-button a{padding:15px;color: #f3b528;font-size:15px;}
#11
Отправлено 19 Май 2018 - 13:28
#12
Отправлено 19 Май 2018 - 14:06
Алексей Ж. (19 Май 2018 - 13:28) писал:
цвет #0D8676 по умолчанию и цвет при наведении #14a395 замените на свой
Нужные коды цветов лучше пишите в сообщении, а не на скриншоте.
#13
Отправлено 19 Май 2018 - 16:12
И я не знаю коды цветов. Поэтому показываю в скриншоте, котрый мне нужен.) можно так?)
#14
Отправлено 19 Май 2018 - 16:31
#15
Отправлено 19 Май 2018 - 17:22
Алексей Ж. (19 Май 2018 - 16:31) писал:
https://colorscheme....tml-colors.html
https://impuls-web.r...-cvet-na-sajte/
Сейчас в строках для поиска изменений по цветам не вижу
#16
Отправлено 19 Май 2018 - 18:29
#17
Отправлено 19 Май 2018 - 18:45
Алексей Ж. (19 Май 2018 - 18:29) писал:
#search_mini_form input{background:#0D8676;border:none;color:#95a8a9;height:30px;width:210px;padding:0 5px;border-radius:2px;} #search_mini_form:hover input,#search_mini_form input:focus{color:white;background:#14a395;outline:0;}на
#search_mini_form input{background:#e89222;border:none;color:#fff;height:30px;width:210px;padding:0 5px;border-radius:2px;} #search_mini_form:hover input,#search_mini_form input:focus{color:white;background: #e89222;outline:0;}
#19
Отправлено 23 Май 2018 - 11:16
Алексей Ж. (22 Май 2018 - 18:36) писал:
Размер текста под заголовком можно изменить в main.css
.prod-right .description-short{margin-bottom:10px;font-size: 15px;}Текст описания во вкладке изменить в редакторе карточки товара
#20
Отправлено 23 Май 2018 - 14:46
А сейчас вот так---Общее Отзывы-----Можно подправить и сделать , как я просил?
Количество пользователей, читающих эту тему: 1
0 пользователей, 1 гостей, 0 анонимных