Перейти к содержимому


Помогите)


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 9

#1 Дарина

Дарина

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 04 Декабрь 2013 - 00:33

Здравствуйте, подскажите, пожалуйста как:
1) Убрать то, что под цифрой 1
2) Там где цифра 2 добавить какие то свои компоненты меню типо "доставка и оплата" и "контакты и режим работы" и соответственно маленькие иконки
3) сделать что бы то, что под цифрой 3 было закреплено внизу страницы и белый фон слева был растянут до конца, а не как на прикреплённом изображении (прерываясь)

Прикрепленные изображения

  • Безымянный.png


#2 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 04 Декабрь 2013 - 03:21

1) Найдите и удалите меню footer в разделе Сайт -> Меню.
2) Добавить дополнительные пункты меню вы можете в разделе Сайт -> Меню для меню header
3) Добавьте в файл стилей main.css

.footer > .hidden-phone:not(.payment-sistems) {
  bottom: 0;
  position: absolute;
}
#main {
  background: #FFFFFF;
  position: relative;
}


#3 Дарина

Дарина

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 06 Декабрь 2013 - 19:13

Я сделала, как вы сказали и получилось как то так, а как можно 1) продлить белый фон до конца  и 2) перенести платёжные системы вниз?

Прикрепленные изображения

  • Безымянный.png


#4 ne_yana

ne_yana

    Активный участник

  • Модератоpы
  • 1 190 сообщений

Отправлено 06 Декабрь 2013 - 19:28

Просмотр сообщенияДарина (06 Декабрь 2013 - 19:13) писал:

Я сделала, как вы сказали и получилось как то так, а как можно 1) продлить белый фон до конца  и 2) перенести платёжные системы вниз?
Здравствуйте, уточните, пожалуйста, номер аккаунта данного магазина.

#5 Дарина

Дарина

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 06 Декабрь 2013 - 22:56

Номер аккаунта SL-252143
3) И ещё когда добавила меню, получилось наложение, как сделать так, чтобы оно в столбик было?
4) и я не поняла, как добавить к нему значок, как например у "Войти в личный кабинет" ключик нарисован?

Прикрепленные изображения

  • Безымянный.png


#6 Дарина

Дарина

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 07 Декабрь 2013 - 00:52

И как сделать так, чтобы белый фон стал размером с банер?

Прикрепленные изображения

  • Безымянный.png


#7 Сake

Сake

    Активный участник

  • Модератоpы
  • 5 979 сообщений

Отправлено 07 Декабрь 2013 - 04:30

Просмотр сообщенияДарина (06 Декабрь 2013 - 19:13) писал:

Я сделала, как вы сказали и получилось как то так, а как можно 1) продлить белый фон до конца  и 2) перенести платёжные системы вниз?

Добавьте в ваш файл стилей main.css

#main {
  background: #FFFFFF;
}

Просмотр сообщенияДарина (06 Декабрь 2013 - 22:56) писал:

Номер аккаунта SL-252143
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 Дарина

Дарина

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 07 Декабрь 2013 - 15:01

Добавила всё, что вы сказали, но ничего не получилось, на ноутбуке отображается сайт в одном варианте, на компьютере в другом, в общем проблема такая:
Это отображение на ноутбуке:
1) хотелось бы, что бы было немного поменьше расстояние, там где цифра 1, как это исправить?
2) Как убрать название магазина на главной странице?
3) Белый фон всё равно никак не хочет быть до конца страницы(
Отображение на компьютере:
4) Ура, здесь белый фон продвинулся! но от этого не стало легче, надпись налезла на недавно просмотренные товары, хотелось, чтобы она была в самом низу(
5) Как белый фон стал так странно вылезать!?))Хотелось бы, чтобы не получалось такой штуки(

В общем не понимаю, как объяснить этому глупому белому фону, что всему есть своё место :angry: :rolleyes:

Простите за мою надоедливость :ph34r:

Прикрепленные изображения

  • Безымянный.png
  • _1HSuY8zyyQ.jpg


#9 Дарина

Дарина

    Пользователь

  • Пользователи
  • PipPip
  • 27 сообщений

Отправлено 07 Декабрь 2013 - 15:06

И ещё одна проблемка вылезла:
6) как сделать побольше размер фона, там где надпись, чтобы он соответствовал белому фону сверху?

Прикрепленные изображения

  • Безымянный.png


#10 @lina_va

@lina_va

    Активный участник

  • Модератоpы
  • 498 сообщений

Отправлено 07 Декабрь 2013 - 15:57

Просмотр сообщенияДарина (07 Декабрь 2013 - 15:01) писал:

Добавила всё, что вы сказали, но ничего не получилось, на ноутбуке отображается сайт в одном варианте, на компьютере в другом, в общем проблема такая:
Это отображение на ноутбуке:
1) хотелось бы, что бы было немного поменьше расстояние, там где цифра 1, как это исправить?
2) Как убрать название магазина на главной странице?
3) Белый фон всё равно никак не хочет быть до конца страницы(
Отображение на компьютере:
4) Ура, здесь белый фон продвинулся! но от этого не стало легче, надпись налезла на недавно просмотренные товары, хотелось, чтобы она была в самом низу(
5) Как белый фон стал так странно вылезать!?))Хотелось бы, чтобы не получалось такой штуки(

В общем не понимаю, как объяснить этому глупому белому фону, что всему есть своё место :angry: :rolleyes:

Простите за мою надоедливость :ph34r:

Здравствуйте!
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 анонимных