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


Иконки Оплаты

Автор Tanksav, 31 авг. 2016 13:22

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

#1 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 31 Август 2016 - 13:22

Здравствуйте, помогите пожалуйста, нужно поставить в футер картинку иконок оплаты и поменять "связаться с нами" на способы оплаты"

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

  • пример.jpg

#2 MikDark

MikDark

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

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

Отправлено 31 Август 2016 - 13:30

Просмотр сообщенияTanksav (31 Август 2016 - 13:22) писал:

Здравствуйте, помогите пожалуйста, нужно поставить в футер картинку иконок оплаты и поменять "связаться с нами" на способы оплаты"

Здравствуйте. Вам нужно в шаблоне HTML найти код:
<div class="title"><h4>Связаться с нами</h4></div>
			 <div class="content">
			 {% IF SETTINGS_STORE_EMAIL_MAIN %}<p class="email"><i class="fa fa-envelope"></i>Email: <span><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}">{SETTINGS_STORE_EMAIL_MAIN}</a></span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_WORK_TIME %}<p class="worktime"><i class="fa fa-clock-o"></i>Режим работы : <span>{SETTINGS_STORE_WORK_TIME}</span></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<p class="phone"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}"><i class="fa fa-phone"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER2 %}<p class="phone"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}"><i class="fa fa-phone"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_PHONE_NUMBER3 %}<p class="phone"><a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}"><i class="fa fa-phone"></i>{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></p>{% ENDIF %}
			 {% IF SETTINGS_STORE_SKYPE %}<p class="skype"><a href="skype:{SETTINGS_STORE_SKYPE}?call"><i class="fa fa-skype"></i>{SETTINGS_STORE_SKYPE}</a></span></p>{% ENDIF %}
			 </div>

и после него добавить:
<div class="title"><h4>Способы оплаты</h4></div>
			  <div class="content">
			   <img src="ссылка на иконку оплаты 1" style="width:88px;"><img src="ссылка на иконку оплаты 2" style="width:88px;"><img src="ссылка на иконку оплаты 3" style="width:88px;">
			  </div>
Где замените ссылки на иконки оплаты. Сами иконки можно загрузить в раздел Сайт - Файлы.

#3 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 31 Август 2016 - 13:33

Спасибо большое! И еще один вопрос, нужно вставить картинку в карточку товара как на скриншоте

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

  • пример2.jpg

#4 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 31 Август 2016 - 13:42

Просмотр сообщенияTanksav (31 Август 2016 - 13:33) писал:

Спасибо большое! И еще один вопрос, нужно вставить картинку в карточку товара как на скриншоте

Просмотр сообщенияTanksav (31 Август 2016 - 13:33) писал:

Спасибо большое! И еще один вопрос, нужно вставить картинку в карточку товара как на скриншоте

Здравствуйте.
В данном случае сделайте, пожалуйста, следующее:
В шаблоне Товар найдите, пожалуйста, данный код:

		<!-- Блок описания модификации -->
		{% IF GOODS_MOD_DESCRIPTION %}
		  <div class="goodsDataMainModificationsDescriptionBlock" itemprop="description">
			<div>{GOODS_MOD_DESCRIPTION}</div>
		  </div>
		{% ENDIF %}
	  </div>
	  <!-- Добавление товара в Корзину -->


И замените его вот этим вот кодом:

		<!-- Блок описания модификации -->
		{% IF GOODS_MOD_DESCRIPTION %}
		  <div class="goodsDataMainModificationsDescriptionBlock" itemprop="description">
			<div>{GOODS_MOD_DESCRIPTION}</div>
		  </div>
		{% ENDIF %}
	  </div>
	  <div class="bonus"><img src="{ASSETS_IMAGES_PATH}bonus.png?design=urban"></div>
	  <!-- Добавление товара в Корзину -->

После чего в бэк-офис вашего сайта, в раздел Сайт -> Редактор шаблонов , добавьте, пожалуйста, требуемую картинку, но переименованную под название: bonus.png .
Проверьте, пожалуйста.

#5 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 31 Август 2016 - 13:55

Просмотр сообщенияRayLi (31 Август 2016 - 13:42) писал:

Здравствуйте.
В данном случае сделайте, пожалуйста, следующее:
В шаблоне Товар найдите, пожалуйста, данный код:

<!-- Блок описания модификации -->
{% IF GOODS_MOD_DESCRIPTION %}
<div class="goodsDataMainModificationsDescriptionBlock" itemprop="description">
<div>{GOODS_MOD_DESCRIPTION}</div>
</div>
{% ENDIF %}
</div>
<!-- Добавление товара в Корзину -->


И замените его вот этим вот кодом:

<!-- Блок описания модификации -->
{% IF GOODS_MOD_DESCRIPTION %}
<div class="goodsDataMainModificationsDescriptionBlock" itemprop="description">
<div>{GOODS_MOD_DESCRIPTION}</div>
</div>
{% ENDIF %}
</div>
<div class="bonus"><img src="{ASSETS_IMAGES_PATH}bonus.png?design=urban"></div>
<!-- Добавление товара в Корзину -->

После чего в бэк-офис вашего сайта, в раздел Сайт -> Редактор шаблонов , добавьте, пожалуйста, требуемую картинку, но переименованную под название: bonus.png .
Проверьте, пожалуйста.
Прошу прощения что сразу не сказала, мне нужно для разных категорий разные картинки, как это можно сделать?

#6 Danil

Danil

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

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 31 Август 2016 - 14:01

Просмотр сообщенияTanksav (31 Август 2016 - 13:55) писал:

Прошу прощения что сразу не сказала, мне нужно для разных категорий разные картинки, как это можно сделать?
Здравствуйте.
Вместо кода 
<!-- Блок описания модификации -->
{% IF GOODS_MOD_DESCRIPTION %}
<div class="goodsDataMainModificationsDescriptionBlock" itemprop="description">
<div>{GOODS_MOD_DESCRIPTION}</div>
</div>
{% ENDIF %}
</div>
<div class="bonus"><img src="{ASSETS_IMAGES_PATH}bonus.png?design=urban"></div>
<!-- Добавление товара в Корзину -->
вставьте 
<!-- Блок описания модификации -->
{% IF GOODS_MOD_DESCRIPTION %}
<div class="goodsDataMainModificationsDescriptionBlock" itemprop="description">
<div>{GOODS_MOD_DESCRIPTION}</div>
</div>
{% ENDIF %}
</div>
<div class="bonus">
	  {% FOR upper_navigation %}
		 {% IF upper_navigation.NAME = Название категории%}<img src="Ссылка на картинку">
		 {% ELSEIF upper_navigation.NAME = Название категории%}<img src="Ссылка на картинку">
		 {% ELSEIF upper_navigation.NAME = Название категории%}<img src="Ссылка на картинку">
		 {% ENDIF %}
	  {% ENDFOR %}
</div>
<!-- Добавление товара в Корзину -->

#7 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 31 Август 2016 - 14:06

Просмотр сообщенияDanil (31 Август 2016 - 14:01) писал:

Здравствуйте.
Вместо кода
<!-- Блок описания модификации -->
{% IF GOODS_MOD_DESCRIPTION %}
<div class="goodsDataMainModificationsDescriptionBlock" itemprop="description">
<div>{GOODS_MOD_DESCRIPTION}</div>
</div>
{% ENDIF %}
</div>
<div class="bonus"><img src="{ASSETS_IMAGES_PATH}bonus.png?design=urban"></div>
<!-- Добавление товара в Корзину -->
вставьте
<!-- Блок описания модификации -->
{% IF GOODS_MOD_DESCRIPTION %}
<div class="goodsDataMainModificationsDescriptionBlock" itemprop="description">
<div>{GOODS_MOD_DESCRIPTION}</div>
</div>
{% ENDIF %}
</div>
<div class="bonus">
{% FOR upper_navigation %}
{% IF upper_navigation.NAME = Название категории%}<img src="Ссылка на картинку">
{% ELSEIF upper_navigation.NAME = Название категории%}<img src="Ссылка на картинку">
{% ELSEIF upper_navigation.NAME = Название категории%}<img src="Ссылка на картинку">
{% ENDIF %}
{% ENDFOR %}
</div>
<!-- Добавление товара в Корзину -->
Спасибо, и еще последний вопрос, на первом скрине, где иконки вставляла, значки соц сетей и инн и огрип организации подтянуты вверх, они наравне с иконками оплаты, как можно так сделать?

#8 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 31 Август 2016 - 14:12

Просмотр сообщенияTanksav (31 Август 2016 - 14:06) писал:

Спасибо, и еще последний вопрос, на первом скрине, где иконки вставляла, значки соц сетей и инн и огрип организации подтянуты вверх, они наравне с иконками оплаты, как можно так сделать?

В данном случае попробуйте, пожалуйста, произведите следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

#footer .footer-bottom .copyright-footer {
	padding-top: 30px;
}

И замените его вот этим вот кодом:

#footer .footer-bottom .copyright-footer {
	padding-top: 0px;
	margin-top: -90px;
}

#9 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 31 Август 2016 - 14:17

Просмотр сообщенияRayLi (31 Август 2016 - 14:12) писал:

В данном случае попробуйте, пожалуйста, произведите следующие изменения:
В шаблоне main.css найдите, пожалуйста, данный код:

#footer .footer-bottom .copyright-footer {
padding-top: 30px;
}

И замените его вот этим вот кодом:

#footer .footer-bottom .copyright-footer {
padding-top: 0px;
margin-top: -90px;
}
Отлично! Спасибо большое!

#10 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 14 Ноябрь 2016 - 10:39

Здравствуйте, помогите разобраться:
1. нужно вставить внизу адрес самовывоза как на прикрепленном рисунке
2. после вставки иконок оплаты в мобильной версии иконки соц сетей и инфа организации заезжают на рисунок, скин прикрепляю.

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

  • адрес самовывоза.jpg
  • моб версия ошибка.jpg

#11 Razon

Razon

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

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

Отправлено 14 Ноябрь 2016 - 11:02

Просмотр сообщенияTanksav (14 Ноябрь 2016 - 10:39) писал:

Здравствуйте, помогите разобраться:
1. нужно вставить внизу адрес самовывоза как на прикрепленном рисунке
2. после вставки иконок оплаты в мобильной версии иконки соц сетей и инфа организации заезжают на рисунок, скин прикрепляю.

Здравствуйте,
1. В файле HTML  найдите:
			<div class="col-md-4 col-sm-6 col-xs-12 footer-logo">
			  <a href="http://{NET_DOMAIN}/" class="logo" title="{SETTINGS_STORE_NAME}">
				<img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>

Замените на:
			<div class="col-md-4 col-sm-6 col-xs-12 footer-logo">
			  <a href="http://{NET_DOMAIN}/" class="logo" title="{SETTINGS_STORE_NAME}">
				<img src="{ASSETS_IMAGES_PATH}logo.png?design=urban" alt="{SETTINGS_STORE_NAME}">
			  </a>
			  <div class="title"><h4 style="text-align:center;">Самовывоз</h4></div>
			  <div class="content" style="color:#ffffff;">
						г.Реутов, шоссе Энтузиасов,д.1
			  </div>
			</div>

2. В конце файла main.css  добавьте строки:
@media all and (max-width:991px){
#footer .footer-bottom .copyright-footer{margin-top:10px;}
}

#12 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 14 Ноябрь 2016 - 11:24

Спасибо большое, а можно немного самовывоз опустить ближе к иконкам соц сетей

#13 Razon

Razon

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

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

Отправлено 14 Ноябрь 2016 - 11:36

Просмотр сообщенияTanksav (14 Ноябрь 2016 - 11:24) писал:

Спасибо большое, а можно немного самовывоз опустить ближе к иконкам соц сетей

В файле HTML  найдите строку:
						  <div class="title"><h4 style="text-align:center;">Самовывоз</h4></div>
Замените на:
						  <div class="title" style="margin-top: 13px;"><h4 style="text-align:center;">Самовывоз</h4></div>

#14 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 14 Ноябрь 2016 - 11:50

Супер! только вот еще проблемка,  самовывоз в мобильной версии не виден

#15 Razon

Razon

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

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

Отправлено 14 Ноябрь 2016 - 11:54

Просмотр сообщенияTanksav (14 Ноябрь 2016 - 11:50) писал:

Супер! только вот еще проблемка,  самовывоз в мобильной версии не виден

Верно  он находится в одном блоке с Логотипом и при недостаточном размере экрана скрывается.
Если вы хотите,  чтобы блок отображался и в мобильной версии,  укажите где он должен будет находиться(в мобильной версии).

#16 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 14 Ноябрь 2016 - 11:55

после способов оплаты

#17 Razon

Razon

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

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

Отправлено 14 Ноябрь 2016 - 12:05

Просмотр сообщенияTanksav (14 Ноябрь 2016 - 11:55) писал:

после способов оплаты

В файле HTML  найдите:
			  <div class="title"><h4>Способы оплаты</h4></div>
						  <div class="content">
						   <img src="http://st.girosport.com/6/2022/687/oplata_icon2.png" style="width:350px;">
						  </div>

Замените на:
			  <div class="title"><h4>Способы оплаты</h4></div>
						  <div class="content">
						   <img src="http://st.girosport.com/6/2022/687/oplata_icon2.png" style="width:350px;">
						  </div>
									  <div class="title fhide" style="margin-top: 13px;"><h4 style="text-align:center;">Самовывоз</h4></div>
						  <div class="content fhide" style="color:#ffffff;text-align: center;">
												г.Реутов, шоссе Энтузиасов,д.1
						  </div>

В конце файла main.css  добавьте строку:
@media all and (min-width:992px) {.fhide {display:none;}}

#18 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 14 Ноябрь 2016 - 12:24

все получилось,спасибо, только теперь обычной версии сайта иконки соц сетей и инфа организации вниз съехали, можно их вверх подтянуть?

#19 Razon

Razon

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

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

Отправлено 14 Ноябрь 2016 - 12:27

Просмотр сообщенияTanksav (14 Ноябрь 2016 - 12:24) писал:

все получилось,спасибо, только теперь обычной версии сайта иконки соц сетей и инфа организации вниз съехали, можно их вверх подтянуть?

Уточните где отображение является некорректным ?
В данный момент блоки располагаются ровно на обычной версии.

#20 Tanksav

Tanksav

    Продвинутый пользователь

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

Отправлено 14 Ноябрь 2016 - 12:33

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


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

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

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