Изменения На Главной Странице
#1
Отправлено 10 Ноябрь 2015 - 23:59
1- Как создать главную шапку как в картинке ?
2- Изменение в каталоге, показано в картинке ?
3- Как выделить цену другим цветом ?
Заранее Спасибо!
#2
Отправлено 11 Ноябрь 2015 - 01:36
#3
Отправлено 11 Ноябрь 2015 - 10:17
Каталог выполнен с помошью картинок т.е это не полноценный каталог, а простые картинки с переходом по ссылкам))) у меня есть даже бейкап этого дизайна если что)
#4
Отправлено 12 Ноябрь 2015 - 21:06
Vaccina (11 Ноябрь 2015 - 01:36) писал:
http://e142491.storeland.ru
#5
Отправлено 12 Ноябрь 2015 - 21:13
Эбболка (11 Ноябрь 2015 - 10:17) писал:
Каталог выполнен с помошью картинок т.е это не полноценный каталог, а простые картинки с переходом по ссылкам))) у меня есть даже бейкап этого дизайна если что)
Нашел здесь в форуме, понравился дизайн
#6
Отправлено 13 Ноябрь 2015 - 02:51
1. Расположить необходимо над или под полосой вашей шапки?
2. Каталог можно воссоздать вручную или добавить иконки для каждой категории. Инструкция по добавлению иконок:
http://forum.storela...тегорией-слева/
За блок каталога отвечается следующий код в шаблоне HTML:
<div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion accordionMain">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} active"> <span class="oneList"><a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %} class="selected" {% ENDIF %}>{catalog_full.NAME}</a></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров --> </div>3. В main.css найдите
.menu-item-price { display: block; float: none; text-align: right; }
в нем впишите необходимый фон, например:
.menu-item-price { display: block; float: none; text-align: right; background: url('ссылка на картинку') no-repeat right center; }
#7
Отправлено 13 Ноябрь 2015 - 13:49
Vaccina (13 Ноябрь 2015 - 02:51) писал:
1. Расположить необходимо над или под полосой вашей шапки?
2. Каталог можно воссоздать вручную или добавить иконки для каждой категории. Инструкция по добавлению иконок:
http://forum.storela...тегорией-слева/
За блок каталога отвечается следующий код в шаблоне HTML:
<div class="block-content"> <!-- Каталог товаров --> {%IFNOT catalog_full_empty%} {%FOR catalog_full%} {% IF catalog_full.FIRST %}<ul class="accordion accordionMain">{% ENDIF %} <li {% IF catalog_full.HIDE %}style="display:none;" {% ENDIF %} class="{% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} active"> <span class="oneList"><a href="{catalog_full.URL}"{% IF catalog_full.CURRENT %} class="selected" {% ENDIF %}>{catalog_full.NAME}</a></span> {% IF catalog_full.ISSET_SUB=0 %}</li>{% ENDIF %} {% IF catalog_full.LAST %}{%FOR out%}</ul>{%IFNOT catalog_full.out.LAST%}</li>{%ENDIF%}{%ENDFOR%}{% ENDIF %} {%ENDFOR%} {%ENDIF%} <!-- /Каталог товаров --> </div>3. В main.css найдите
.menu-item-price { display: block; float: none; text-align: right; }
в нем впишите необходимый фон, например:
.menu-item-price { display: block; float: none; text-align: right; background: url('ссылка на картинку') no-repeat right center; }
Мой аккаунт SL-364647
1, Необходимо расположить над полосовой шапки
#8
Отправлено 13 Ноябрь 2015 - 20:04
Давид (13 Ноябрь 2015 - 13:49) писал:
1, Необходимо расположить над полосовой шапки
Загрузите изображения иконок в раздел Сайт - Редактор шаблонов.
Далее в шаблоне html найдите код
<header class="header" data-img-folder="{ASSETS_IMAGES_PATH}">и после него вставьте
<div class="banners"> <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}НАЗВАНИЕ ИЗОБРАЖЕНИЯ1"></a> <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}НАЗВАНИЕ ИЗОБРАЖЕНИЯ2"></a> <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}НАЗВАНИЕ ИЗОБРАЖЕНИЯ3"></a> <a href="Ссылка на страницу"><img src="{ASSETS_IMAGES_PATH}По аналогии с предыдущими"></a> </div>В конец main.css добавьте
.banners a{ display:block; float:left; width:50px; height:50px; margin:5px; } .banners img{ width:100%; }
#9
Отправлено 13 Ноябрь 2015 - 21:24
Как в "контакты" сделать так чтобы клиент увидел мою электронную почту ?
#10
Отправлено 14 Ноябрь 2015 - 00:53
{% 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_EMAIL_MAIN %} <li class="mail"> <a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a> </li> {% ENDIF %}
#11
Отправлено 14 Ноябрь 2015 - 20:54
#14
Отправлено 23 Май 2016 - 20:12
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных