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


Опустить Слайдер И Изменить Иконки

Автор Sined86, 31 мая 2016 23:19

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

#1 Sined86

Sined86

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

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

Отправлено 31 Май 2016 - 23:19

Добрый день!
1. Нужно опустить слайдер ниже, чтобы было видно его полностью.
2. Заменить иконки "Бесплатная доставка", "Оплата" И "Прием заказов" внизу сайта.
Спасибо.

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

  • 123.jpg

#2 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 01 Июнь 2016 - 01:21

В main.css найдите:
#slideshow {
	top: -96px;
	position: relative;
}

замените на:
#slideshow {
	position: relative;
}

На счет иконок, в шаблоне HTML найдите:
<div class="fa fa-truck">&nbsp;</div>
<div class="fa fa-comments">&nbsp;</div>
<div class="fa fa-share">&nbsp;</div>

вместо них пропишите тег картинки с необходимой ссылкой, пример:
<img scr="ссылка на картинку" alt="" />

#3 Sined86

Sined86

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

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

Отправлено 01 Июнь 2016 - 23:30

Просмотр сообщенияVaccina (01 Июнь 2016 - 01:21) писал:


На счет иконок, в шаблоне HTML найдите:
<div class="fa fa-truck">&nbsp;</div>
<div class="fa fa-comments">&nbsp;</div>
<div class="fa fa-share">&nbsp;</div>

вместо них пропишите тег картинки с необходимой ссылкой, пример:
<img scr="ссылка на картинку" alt="" />

Спасибо, со слайдером получилось, но вот иконку поменять не смогли, картинка не отображается.

#4 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 02 Июнь 2016 - 01:12

Прошу прощения, опечаталась, вместо:
<img scr="ссылка на картинку" alt="" />

используйте:
<img src="ссылка на картинку" alt="" />

#5 Sined86

Sined86

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

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

Отправлено 07 Июнь 2016 - 23:09

Возможно задать размер этой картинки и разместить по центру шестиугольника?

#6 Sined86

Sined86

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

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

Отправлено 08 Июнь 2016 - 00:02

Можно отредактировать контакты?
Вставить такой значок, как в меню пользователя.

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

  • jivitsa.storeland.jpg

#7 Sined86

Sined86

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

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

Отправлено 08 Июнь 2016 - 00:08

Вместо флажка, в рамке было слово МЕНЮ, жирным шрифтом.

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

  • 1jivitsa.storeland.jpg

#8 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Июнь 2016 - 00:09

Просмотр сообщенияSined86 (07 Июнь 2016 - 23:09) писал:

Возможно задать размер этой картинки и разместить по центру шестиугольника?

В main.css после:
#block-info .block-item .icon span {
position: relative;
width: 69px;
height: 34.41px;
display: block;
margin: 2px 4.5px;
border-left: solid 0px #dddddd;
border-right: solid 0px #dddddd;
}

вставьте:
#block-info .block-item .icon span img {
width: 30px;
}

#9 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Июнь 2016 - 00:16

Просмотр сообщенияSined86 (08 Июнь 2016 - 00:02) писал:

Можно отредактировать контакты?
Вставить такой значок, как в меню пользователя.

В шаблоне Связь с администрацией найдите:
{% IF SETTINGS_STORE_SKYPE %}<p class="skype"><em class="fa fa-skype">&nbsp;</em><span><a href="skype:{SETTINGS_STORE_SKYPE}?call">{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}

после него пропишите:
<p class="text"><em class="fa fa-user">&nbsp;</em><span>Текст</span></p>

Просмотр сообщенияSined86 (08 Июнь 2016 - 00:08) писал:

Вместо флажка, в рамке было слово МЕНЮ, жирным шрифтом.

В шаблоне HTML найдите:
<div class="block-menu-title rhombus">
				  <i class="fa fa-bookmark-o" title="Меню">&nbsp;</i>
				</div>

замените на:
<div class="block-menu-title rhombus">
				  Меню
				</div>

#10 Sined86

Sined86

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

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

Отправлено 08 Июнь 2016 - 00:25

Просмотр сообщенияVaccina (08 Июнь 2016 - 00:09) писал:

В main.css после:
#block-info .block-item .icon span {
position: relative;
width: 69px;
height: 34.41px;
display: block;
margin: 2px 4.5px;
border-left: solid 0px #dddddd;
border-right: solid 0px #dddddd;
}

вставьте:
#block-info .block-item .icon span img {
width: 30px;
}

При наведение белым мы его сделать не сможем как я понял, потому что это картинка, а не символ?
Дайте пожалуйста ссылку на инструкцию по вставке символов.

#11 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Июнь 2016 - 00:33

Для этого необходимо вместо картинки использовать следующую конструкцию:
<div class="fa fa-icon">&nbsp;</div>

и в ней вместо fa-icon указывать необходимую иконку, список иконок:
http://fontawesome.io/icons/

#12 Sined86

Sined86

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

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

Отправлено 15 Июнь 2016 - 00:16

Добрый вечер! Возможно ли сделать следующее?

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

  • Заказ.png

#13 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 15 Июнь 2016 - 02:33

Подобный вопрос рассматривался в следующей теме форума:
http://forum.storela...инимаю-условия/

#14 Sined86

Sined86

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

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

Отправлено 16 Июнь 2016 - 00:06

В быстром оформлении заказа в строчке "Принимаю условия договора оферты" сделать слово "оферты" ссылкой на отдельную страницу, чтобы она открывалась в новом окне или в маленьком окошке с крестиком. Возможно сделать слово "оферты" заметным, что на него можно нажать? Спасибо.

#15 Sined86

Sined86

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

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

Отправлено 16 Июнь 2016 - 00:35

Добавить в футер под личный кабинет текст "принимаем к оплате:" и картинки возможных систем оплаты.

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

  • payment.png

#16 Vaccina

Vaccina

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

  • Модераторы
  • 24 353 сообщений

Отправлено 16 Июнь 2016 - 01:06

В шаблоне HTML после:
<div class="block-title">
			  <h3>Личный кабинет</h3>
			</div>
			<div class="footer-content">
			  <ul>
				{% IFNOT CLIENT_IS_LOGIN %}
				<li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li>
				<li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
				{% ELSE %}
				<li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
				<li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
				<li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
				{% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
				<li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
				{% ENDIF %}
			  </ul>
			</div>

пропишите:
<div class="block-title">
			  <h3>Принимаем к оплате</h3>
			</div>
			<div class="footer-content">
			  <ul class="payment">
				<li><img src="ссылка на картинку" alt="" /></li>
				<li><img src="ссылка на картинку" alt="" /></li>
			  </ul>
			</div>

текст замените на ссылки

#17 Sined86

Sined86

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

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

Отправлено 16 Июнь 2016 - 07:03

Цитата

В быстром оформлении заказа в строчке "Принимаю условия договора оферты" сделать слово "оферты" ссылкой на отдельную страницу, чтобы она открывалась в новом окне или в маленьком окошке с крестиком. Возможно сделать слово "оферты" заметным, что на него можно нажать? Спасибо.
С предыдущим вопросом подскажите пожалуйста.

#18 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 16 Июнь 2016 - 09:29

Просмотр сообщенияSined86 (16 Июнь 2016 - 07:03) писал:

С предыдущим вопросом подскажите пожалуйста.

В шаблоне Быстрый заказ Вам нужно найти код:
<input type="checkbox" name="success_read" class="success_read" /> Принимаю условия договора оферты

и заменить его на:

<input type="checkbox" name="success_read" class="success_read" /> Принимаю условия <a href="ссылка на договор" target="_blank">договора оферты</a>

#19 Sined86

Sined86

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

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

Отправлено 16 Июнь 2016 - 13:28

Просмотр сообщенияVaccina (16 Июнь 2016 - 01:06) писал:

В шаблоне HTML после:
<div class="block-title">
			 <h3>Личный кабинет</h3>
		 </div>
		 <div class="footer-content">
			 <ul>
			 {% IFNOT CLIENT_IS_LOGIN %}
			 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет">Вход</a></li>
			 <li><a href="{USER_REGISTER_URL}" title="Регистрация">Регистрация</a></li>
			 {% ELSE %}
			 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет">Мой кабинет</a></li>
			 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов">История</a></li>
			 <li><a href="{FAVORITES_URL}" title="Избранные товары">Избранное</a></li>
			 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение">Сравнение</a></li>{% ENDIF %}
			 <li><a href="{USER_LOGOUT_URL}" title="Выход">Выход</a></li>
			 {% ENDIF %}
			 </ul>
		 </div>

пропишите:
<div class="block-title">
			 <h3>Принимаем к оплате</h3>
		 </div>
		 <div class="footer-content">
			 <ul class="payment">
			 <li><img src="ссылка на картинку" alt="" /></li>
			 <li><img src="ссылка на картинку" alt="" /></li>
			 </ul>
		 </div>

текст замените на ссылки




Установил. Только они по-вертикали, а как сделать по-горизонтали?

Разобрался ;)

Сообщение отредактировал Sined86: 16 Июнь 2016 - 19:49

#20 Sined86

Sined86

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

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

Отправлено 16 Июнь 2016 - 23:10

При оформлении заказа пропадают картинки "принимаем к оплате" в футере. :unsure:
Обратно в Шаблон Лето


Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

  1. Форум владельцев интернет-магазинов
  2. → Вопросы работы сервиса StoreLand
  3. → Дизайн
  4. → Шаблон Лето
  5. Privacy Policy