0
Помогите)
Автор Дарина, 04 дек. 2013 00:33
Сообщений в теме: 9
#1
Отправлено 04 Декабрь 2013 - 00:33
Здравствуйте, подскажите, пожалуйста как:
1) Убрать то, что под цифрой 1
2) Там где цифра 2 добавить какие то свои компоненты меню типо "доставка и оплата" и "контакты и режим работы" и соответственно маленькие иконки
3) сделать что бы то, что под цифрой 3 было закреплено внизу страницы и белый фон слева был растянут до конца, а не как на прикреплённом изображении (прерываясь)
1) Убрать то, что под цифрой 1
2) Там где цифра 2 добавить какие то свои компоненты меню типо "доставка и оплата" и "контакты и режим работы" и соответственно маленькие иконки
3) сделать что бы то, что под цифрой 3 было закреплено внизу страницы и белый фон слева был растянут до конца, а не как на прикреплённом изображении (прерываясь)
#2
Отправлено 04 Декабрь 2013 - 03:21
1) Найдите и удалите меню footer в разделе Сайт -> Меню.
2) Добавить дополнительные пункты меню вы можете в разделе Сайт -> Меню для меню header
3) Добавьте в файл стилей main.css
2) Добавить дополнительные пункты меню вы можете в разделе Сайт -> Меню для меню header
3) Добавьте в файл стилей main.css
.footer > .hidden-phone:not(.payment-sistems) { bottom: 0; position: absolute; } #main { background: #FFFFFF; position: relative; }
#7
Отправлено 07 Декабрь 2013 - 04:30
Дарина (06 Декабрь 2013 - 19:13) писал:
Я сделала, как вы сказали и получилось как то так, а как можно 1) продлить белый фон до конца и 2) перенести платёжные системы вниз?
Добавьте в ваш файл стилей main.css
#main { background: #FFFFFF; }
Дарина (06 Декабрь 2013 - 22:56) писал:
Номер аккаунта SL-252143
3) И ещё когда добавила меню, получилось наложение, как сделать так, чтобы оно в столбик было?
4) и я не поняла, как добавить к нему значок, как например у "Войти в личный кабинет" ключик нарисован?
3) И ещё когда добавила меню, получилось наложение, как сделать так, чтобы оно в столбик было?
4) и я не поняла, как добавить к нему значок, как например у "Войти в личный кабинет" ключик нарисован?
3) Найдите в файле стилей main.css
.header .links li { display: block; float: left; padding-bottom: 6px; width: 102px; }
и замените на
.header .links li { display: block; padding-bottom: 6px; width: 102px; }
4) Найдите в шаблоне "HTML" код
<li {% IF menu.header.links.first %}class="first"{% ELSEIF menu.header.links.last %}class="last"{% ENDIF %}> <a href="{menu.header.links.URL}" {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} class="{% IF menu.header.links.NAME=Каталог %}catalog{% ELSEIF menu.header.links.NAME=Каталог товаров %}catalog{% ELSEIF menu.header.links.NAME=Акции %}present{% ELSEIF menu.header.links.NAME=Акции магазина %}present{% ELSEIF menu.header.links.NAME=Доставка %}clock{% ELSEIF menu.header.links.NAME=Контакты %}address{% ELSEIF menu.header.links.NAME=Связь с администрацией %}address{% ELSEIF menu.header.links.NAME=Л.Кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Личный кабинет %}briefcase{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}tick{% ELSEIF menu.header.links.NAME=История заказов %}tick{% ELSEIF menu.header.links.NAME=Новинки %}label{% ELSEIF menu.header.links.NAME=Хиты %}heart{% ELSEIF menu.header.links.NAME=Хиты продаж %}heart{% ELSEIF menu.header.links.NAME=Статьи %}clipboard{% ELSEIF menu.header.links.NAME=Корзина %}cart{% ELSEIF menu.header.links.NAME=Главная %}home{% ELSEIF menu.header.links.NAME=Лента новостей %}document{% ELSEIF menu.header.links.NAME=Новости магазина %}document{% ELSEIF menu.header.links.NAME=Каталог статей %}document{% ELSEIF menu.header.links.NAME=Новости СМИ %}document{% ELSEIF menu.header.links.NAME=Регистрация %}user{% ELSEIF menu.header.links.NAME=Восстановление пароля %}user{% ENDIF %}{% IF menu.header.links.SELECTED %}-act selected{% ENDIF %}">{menu.header.links.NAME}</a> </li>
Как можно заметить в данном коде используются условия задающие списку <li> необходимый класс в зависимости от имени пункта, после данному классу задается изображение. Например
{% ELSEIF menu.header.links.NAME=Выход %}key{% ELSEIF menu.header.links.NAME=Вход в бэк-офис %}key{% ELSEIF menu.header.links.NAME=Войти в ЛК %}key{% ELSEIF menu.header.links.NAME=Вход в личный кабинет %}key{% ELSEIF menu.header.links.NAME=Мои заказы %}
Во всех случаях добавляется класс key. После в файле стилей main.css можно найти правило
.header .links li a.key{background:url("{ASSETS_IMAGES_PATH}menu_icon_key_16.png") left center no-repeat;}
в данном случае menu_icon_key_16.png и является изображением ключа для класса key.
Дарина (07 Декабрь 2013 - 00:52) писал:
И как сделать так, чтобы белый фон стал размером с банер?
Добавьте в файл стилей main.css
.theme-default { width: 96%; }
#8
Отправлено 07 Декабрь 2013 - 15:01
Добавила всё, что вы сказали, но ничего не получилось, на ноутбуке отображается сайт в одном варианте, на компьютере в другом, в общем проблема такая:
Это отображение на ноутбуке:
1) хотелось бы, что бы было немного поменьше расстояние, там где цифра 1, как это исправить?
2) Как убрать название магазина на главной странице?
3) Белый фон всё равно никак не хочет быть до конца страницы(
Отображение на компьютере:
4) Ура, здесь белый фон продвинулся! но от этого не стало легче, надпись налезла на недавно просмотренные товары, хотелось, чтобы она была в самом низу(
5) Как белый фон стал так странно вылезать!?))Хотелось бы, чтобы не получалось такой штуки(
В общем не понимаю, как объяснить этому глупому белому фону, что всему есть своё место
Простите за мою надоедливость
Это отображение на ноутбуке:
1) хотелось бы, что бы было немного поменьше расстояние, там где цифра 1, как это исправить?
2) Как убрать название магазина на главной странице?
3) Белый фон всё равно никак не хочет быть до конца страницы(
Отображение на компьютере:
4) Ура, здесь белый фон продвинулся! но от этого не стало легче, надпись налезла на недавно просмотренные товары, хотелось, чтобы она была в самом низу(
5) Как белый фон стал так странно вылезать!?))Хотелось бы, чтобы не получалось такой штуки(
В общем не понимаю, как объяснить этому глупому белому фону, что всему есть своё место
Простите за мою надоедливость
#10
Отправлено 07 Декабрь 2013 - 15:57
Дарина (07 Декабрь 2013 - 15:01) писал:
Добавила всё, что вы сказали, но ничего не получилось, на ноутбуке отображается сайт в одном варианте, на компьютере в другом, в общем проблема такая:
Это отображение на ноутбуке:
1) хотелось бы, что бы было немного поменьше расстояние, там где цифра 1, как это исправить?
2) Как убрать название магазина на главной странице?
3) Белый фон всё равно никак не хочет быть до конца страницы(
Отображение на компьютере:
4) Ура, здесь белый фон продвинулся! но от этого не стало легче, надпись налезла на недавно просмотренные товары, хотелось, чтобы она была в самом низу(
5) Как белый фон стал так странно вылезать!?))Хотелось бы, чтобы не получалось такой штуки(
В общем не понимаю, как объяснить этому глупому белому фону, что всему есть своё место
Простите за мою надоедливость
Это отображение на ноутбуке:
1) хотелось бы, что бы было немного поменьше расстояние, там где цифра 1, как это исправить?
2) Как убрать название магазина на главной странице?
3) Белый фон всё равно никак не хочет быть до конца страницы(
Отображение на компьютере:
4) Ура, здесь белый фон продвинулся! но от этого не стало легче, надпись налезла на недавно просмотренные товары, хотелось, чтобы она была в самом низу(
5) Как белый фон стал так странно вылезать!?))Хотелось бы, чтобы не получалось такой штуки(
В общем не понимаю, как объяснить этому глупому белому фону, что всему есть своё место
Простите за мою надоедливость
Здравствуйте!
1) в файле bootstrap-responsive.min.css замените:
@media (min-width:768px){ .menu_main { padding-top:10px; }на
@media (min-width:768px){ .menu_main { padding-top:0px; }
2) Чтобы убрать с главной страницы название магазина, во вкладке страница ( сайт- редактор шаблонов- страница) в коде:
<div class="span7 col-main"> <div class="std"> <div class="page-title"> <h2>{PAGE_NAME}</h2> </div> {% IF FORM_NOTICE %}<ul class="messages"><li class="{% IF FORM_NOTICE_IS_GOOD %}success-msg{% ELSE %}error-msg{% ENDIF %}">{FORM_NOTICE | nl2br}</li></ul>{% ENDIF %} <div class="htmlDataBlock"> {PAGE_CONTENT} </div>удалите строку
<h2>{PAGE_NAME}</h2>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных