Super Изменения В Бистро..
#1
Отправлено 19 Ноябрь 2014 - 16:20
Вначале актуально будет добавлять "КАК", "КАК СДЕЛАТЬ",
1) сделать баннер, по центру.. у меня уже стоит высота 184пх
2) Поставить поиск на пагель
3) Удалить ЭТО !
4) Уменьшить логотип
5) Уменьшить по ширине левую панель Плюсы поставить ближе к кат-ии
6) Корзину поднять и уменьшить по ширине, как и всё остальное
7) переместить контакты Сюда
8) Добавить 2 панели : Последние и Рекомендуемые
9) + правая боковая панель
10) чтобы эта панель стала шире за счет уменьшения левой части и в неё влезало по 6 товаров в ряд.
11) Сделать популярные товары прокруткой вправо
12) добавить линию в подвале
13) сделать подвал с подобным наполнением, Пропал куда-то
У меня там еще не стоит "Вы Смотрели"
Это пунктик №14
Прошу помогите. поставить магазин с толком. Ушел с АдвантШопа из-за их удушающих шаблонов и убивающих цен. Мне нужно в кратчайший срок решить эту задачу.
#2
Отправлено 19 Ноябрь 2014 - 16:45
RomanP (19 Ноябрь 2014 - 16:20) писал:
Вначале актуально будет добавлять "КАК", "КАК СДЕЛАТЬ",
1) сделать баннер, по центру.. у меня уже стоит высота 184пх
2) Поставить поиск на пагель
3) Удалить ЭТО !
4) Уменьшить логотип
5) Уменьшить по ширине левую панель Плюсы поставить ближе к кат-ии
6) Корзину поднять и уменьшить по ширине, как и всё остальное
7) переместить контакты Сюда
8) Добавить 2 панели : Последние и Рекомендуемые
9) + правая боковая панель
10) чтобы эта панель стала шире за счет уменьшения левой части и в неё влезало по 6 товаров в ряд.
11) Сделать популярные товары прокруткой вправо
12) добавить линию в подвале
13) сделать подвал с подобным наполнением, Пропал куда-то
У меня там еще не стоит "Вы Смотрели"
Это пунктик №14
Прошу помогите. поставить магазин с толком. Ушел с АдвантШопа из-за их удушающих шаблонов и убивающих цен. Мне нужно в кратчайший срок решить эту задачу.
1) Уточните, Вы хотите уменьшить слайдер до обычных размером и поставить по центру?
2) В шаблоне HTML найдите код:
<div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту"> <ul> <li class="right"> <input type="submit" class="btn" title="Найти" value="" /> </li> <li class="left"> <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" /> <div id="delete"></div> </li> </ul> </form> </div>
и поставьте после:
<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </div> <div class="text-menu-header">Меню</div> </div>
3) В шаблоне найдите код:
<h1 class="title">{CATEGORY_NAME}</h1>
и замените на:
{%IF index_page %} <h1 class="title">{CATEGORY_NAME}</h1> {%ENDIF%} 4) В main.css найдите код: [CODE] .logo img { display: block; margin: 15px auto; }4) В шаблоне main.css найдите:
.logo img { display: block; margin: 15px auto; }
и замените на:
.logo img { display: block; margin: 15px auto; width: 200px; }
Меняя значение width можете увеличивать или уменьшать логотип.
Не производите изменения дизайна, тогда мы сможем помочь с другими вопросами.
#3
Отправлено 19 Ноябрь 2014 - 17:05
!! У меня в 10-й Почемучке было, что я хочу 6 позиций размещать. Я погорячился, 5 позиций за глаза хватает.
Заранее благодарю!
MikDark (19 Ноябрь 2014 - 16:45) писал:
2) В шаблоне HTML найдите код:
<div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту"> <ul> <li class="right"> <input type="submit" class="btn" title="Найти" value="" /> </li> <li class="left"> <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" /> <div id="delete"></div> </li> </ul> </form> </div>
и поставьте после:
<span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </div> <div class="text-menu-header">Меню</div> </div>
3) В шаблоне найдите код:
<h1 class="title">{CATEGORY_NAME}</h1>
и замените на:
{%IF index_page %} <h1 class="title">{CATEGORY_NAME}</h1> {%ENDIF%} 4) В main.css найдите код: [CODE] .logo img { display: block; margin: 15px auto; }4) В шаблоне main.css найдите:
.logo img { display: block; margin: 15px auto; }
и замените на:
.logo img { display: block; margin: 15px auto; width: 200px; }
Меняя значение width можете увеличивать или уменьшать логотип.
Не производите изменения дизайна, тогда мы сможем помочь с другими вопросами.
ОК.. Мне главное сейчас закончить с этим монтажом. Я же раньше не знал, что у вас всё так быстро и просто.
По вопросу 1) - Хочется сделать его по ширине одинаково с центральным блоком, чтобы он не вылазил на контакты и на логотип, а с высотой, собственно я разобрался.
#5
Отправлено 20 Ноябрь 2014 - 09:39
#6
Отправлено 16 Декабрь 2014 - 22:00
#7
Отправлено 17 Декабрь 2014 - 02:49
<div style="float:right;"> <img src="ссылка на картинку" alt="" /> </div>
перед:
<ul id="contactShow"> {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <li class="phone tel1"> <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a> </li> {% ENDIF %}
#8
Отправлено 17 Декабрь 2014 - 20:32
#9
Отправлено 17 Декабрь 2014 - 20:58
dele69 (17 Декабрь 2014 - 20:32) писал:
К сожалению вы не правильно вставили ссылку на картинку.
Поэтому в шаблоне Связь с администрацией найдите код:
<div style="float:right;"> <img src="pechat.png" alt="" /> </div>И замените его вот этим кодом:
<div style="float:right;"> <img src="{ASSETS_IMAGES_PATH}pechat.png?design=bistro" alt="" /> </div>
#10
Отправлено 17 Декабрь 2014 - 21:12
1) печать нужно переместить после время работы, и желательно посередке
2) печать делал png формат, надеялся что без белого фона будет, не подскажите, как удалить белый фон (логотип магазина идеально на фоне сайта встал, также хотелось чтобы и печать была)
#11
Отправлено 17 Декабрь 2014 - 21:26
dele69 (17 Декабрь 2014 - 21:12) писал:
1) печать нужно переместить после время работы, и желательно посередке
2) печать делал png формат, надеялся что без белого фона будет, не подскажите, как удалить белый фон (логотип магазина идеально на фоне сайта встал, также хотелось чтобы и печать была)
#13
Отправлено 23 Январь 2015 - 04:38
<span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span> <ul id="contactShow"> <!-- Есл есть номер icq --> {% IF SETTINGS_STORE_ICQ %} <li class="headerIcq"> {% IF SETTINGS_STORE_ICQ_ONLY_DIGITS %}<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус icq" width="16" height="16" />{% ENDIF %} {SETTINGS_STORE_ICQ} </li> {% ENDIF %} {% IF SETTINGS_STORE_SKYPE %} <li class="skype"><span class="skypeImg"></span><span>Skype: </span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a></li> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <li class="phone tel1"> <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a> </li> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <li class="phone tel2"> <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a> </li> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <li class="phone tel3"> <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a> </li> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> <span class="work-time-icon"></span> <span>{SETTINGS_STORE_WORK_TIME}</span> </li> {% ENDIF %} <!-- Ссылка на страницу обратной связи --> <li class="title"> <span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице «Связь с администрацией»">Связаться с Нами</a> </li> </ul>
далее найдите:
</div><!-- .left-sidebar --> <div class="container"> <main class="content">после него вставьте:
<div itemscope itemtype="http://schema.org/Organization" class="contactsSite contactsSite2"> <span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span> <ul id="contactShow"> <!-- Есл есть номер icq --> {% IF SETTINGS_STORE_ICQ %} <li class="headerIcq"> {% IF SETTINGS_STORE_ICQ_ONLY_DIGITS %}<img class="valignMiddle" src="http://wwp.icq.com/scripts/online.dll?icq={SETTINGS_STORE_ICQ_ONLY_DIGITS}&img=27" alt="Статус icq" width="16" height="16" />{% ENDIF %} {SETTINGS_STORE_ICQ} </li> {% ENDIF %} {% IF SETTINGS_STORE_SKYPE %} <li class="skype"><span class="skypeImg"></span><span>Skype: </span><a href="skype:{SETTINGS_STORE_SKYPE}">{SETTINGS_STORE_SKYPE}</a></li> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER1 %} <li class="phone tel1"> <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}{SETTINGS_STORE_PHONE_CITY_CODE1}{% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE1} {% IF SETTINGS_STORE_PHONE_CITY_CODE1 %}({SETTINGS_STORE_PHONE_CITY_CODE1}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER1}</a> </li> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER2 %} <li class="phone tel2"> <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE2} {% IF SETTINGS_STORE_PHONE_CITY_CODE2 %}({SETTINGS_STORE_PHONE_CITY_CODE2}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER2}</a> </li> {% ENDIF %} {% IF SETTINGS_STORE_PHONE_NUMBER3 %} <li class="phone tel3"> <span class="phoneImg"></span><a itemprop="telephone" title="Номер телефона: {SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}" >{SETTINGS_STORE_PHONE_COUNTRY_CODE3} {% IF SETTINGS_STORE_PHONE_CITY_CODE3 %}({SETTINGS_STORE_PHONE_CITY_CODE3}){% ENDIF %} {SETTINGS_STORE_PHONE_NUMBER3}</a> </li> {% ENDIF %} <!-- Время работы магазина --> {% IF SETTINGS_STORE_WORK_TIME %} <li class="work-time" title="Время работы нашего магазина: {SETTINGS_STORE_WORK_TIME}"> <span class="work-time-icon"></span> <span>{SETTINGS_STORE_WORK_TIME}</span> </li> {% ENDIF %} <!-- Ссылка на страницу обратной связи --> <li class="title"> <span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице «Связь с администрацией»">Связаться с Нами</a> </li> </ul> </div>и в конец main.css вставьте:
.contactsSite2 ul li { display: inline-block; margin: 10px; }
2. В шаблоне HTML найдите:
<div class="search"> <form action="http://{NET_DOMAIN}/search" id="searchform" method="get" title="Поиск по сайту"> <ul> <li class="right"> <input type="submit" class="btn" title="Найти" value="" /> </li> <li class="left"> <input type="text" id="s" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{%ELSE%}Поиск{%ENDIF%}" onblur="this.value = (this.value == '') ? 'Поиск' : this.value;" onfocus="this.value = (this.value == 'Поиск') ? '' : this.value;" id="s" class="" name="q" /> <div id="delete"></div> </li> </ul> </form> </div>перенесите его поставив после:
{% IFNOT cart_count_empty %} <span class="cartSum" title="Сумма товаров в корзине"> {% FOR cart_sum %} <a href="{CART_URL}">{cart_sum.NOW_WITH_DISCOUNT | money_format}</a><br /> {% ENDFOR %} </span> {% ENDIF %} </div> <!-- end Корзина -->в main.css найдите:
.left-sidebar div.search { display: block; float: left; margin-bottom: 5px; padding: 0 0; width: 100%; }замените на:
.search { display: block; float: right; padding-top: 9px; width: 20%; }далее найдите:
.panel-top nav { float: left; position: relative; width: 74%; }замените на:
.panel-top nav { float: left; position: relative; width: 54%; }
3. В шаблоне Товары найдите и удалите:
<div class="crumbs clr"> <div class="clr"><a href="http://{NET_DOMAIN}/">Главная</a> <!-- Если отображаем полный каталог товаров, без указания категории --> {% IF IS_FULL_CATALOG %} » <span class="current fnt12 b">Каталог товаров</span> <!-- Если отображаем товары в категории --> {% ELSE %} {% FOR upper_navigation %} {% IF upper_navigation.CURRENT %} » <span class="current fnt12 b">{upper_navigation.NAME}</span> {% ELSEIF upper_navigation.CURRENT_PARENT %} » <a href="{upper_navigation.URL}">{upper_navigation.NAME}</a> {% ENDIF %} {% ENDFOR %} {% ENDIF %} </div> </div> <div class="contenttext clr"> <h1 class="title">{CATEGORY_NAME}</h1> </div> <hr>
#15
Отправлено 23 Январь 2015 - 14:42
prukon (23 Январь 2015 - 13:49) писал:
Уточните пожалуйста Как блок контактов выровнять по правому краю.
Также, уточните пожалуйста, как слово "поиск", в блоки поиска сделать видимым полностью? Сейчас отображается только буква "к".
#contactShow { width: 475px; float: right; }и
div.search li.right { z-index: 3; display: block; min-width: 40px; width: 10%; }замените на
div.search li.right { z-index: 3; display: block; min-width: 40px; width: 10%; float: right; }
#17
Отправлено 23 Январь 2015 - 16:35
prukon (23 Январь 2015 - 16:12) писал:
2. Как добавить текст слева "Санкт-Петербург" И добавить png изображение слева от него (см. скриншот).
Заранее спасибо.
1.
<!-- Ссылка на страницу обратной связи --> <li class="title"> <span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице «Связь с администрацией»">Связаться с Нами</a> </li>и переместите его после блока
<span id="contactShowBut" title="Открыть контакты">Контакты<span class="toggleImg hide"></span></span> <ul id="contactShow">
далее найдите
<li class="title"> <span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице «Связь с администрацией»">Связаться с Нами</a> </li>замените на
<li><img src="ссылка на картинку" /> Санкт-Петербург </li> <li class="title"> <span class="iconMail"></span><a href="http://{NET_DOMAIN}/feedback" title="Перейти к странице «Связь с администрацией»">Связаться с Нами</a> </li>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных