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


Как Заменить Картинку?

Автор panitos, 27 апр. 2016 12:56

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

#1 panitos

panitos

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

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

Отправлено 27 Апрель 2016 - 12:56

Подскажите как заменить картинку снизу шаблона на свою?
Номер аккаунта - SL-384746

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

  • forum.PNG

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Апрель 2016 - 13:05

Просмотр сообщенияpanitos (27 Апрель 2016 - 12:56) писал:

Подскажите как заменить картинку снизу шаблона на свою?
Номер аккаунта - SL-384746

Здравствуйте.
Насколько видно, Вы уже заменили установленное изображение на свое. Уточните, пожалуйста, вопрос еще актуален?

#3 panitos

panitos

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

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

Отправлено 27 Апрель 2016 - 13:23

Просмотр сообщенияFirefly (27 Апрель 2016 - 13:05) писал:

Здравствуйте.
Насколько видно, Вы уже заменили установленное изображение на свое. Уточните, пожалуйста, вопрос еще актуален?

Актуален. Так и не могу заменить картинку на другую

#4 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 27 Апрель 2016 - 14:03

Просмотр сообщенияpanitos (27 Апрель 2016 - 13:23) писал:

Актуален. Так и не могу заменить картинку на другую

Сейчас у Вас уже загружено новое изображение (скриншот в приложении) с названием bkg_brand.jpg. Изображение Вы можете изменить на другое так же в разделе Сайт -> Редактор шаблонов по кнопке "Добавить файлы".
Если оно сейчас не отображается попробуйте очистить кэш браузера комбинацией клавиш Ctrl+F5.

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

  • Screenshot_1.png

#5 panitos

panitos

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

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

Отправлено 27 Апрель 2016 - 15:37

Просмотр сообщенияFirefly (27 Апрель 2016 - 14:03) писал:

Сейчас у Вас уже загружено новое изображение (скриншот в приложении) с названием bkg_brand.jpg. Изображение Вы можете изменить на другое так же в разделе Сайт -> Редактор шаблонов по кнопке "Добавить файлы".
Если оно сейчас не отображается попробуйте очистить кэш браузера комбинацией клавиш Ctrl+F5.
Спасибо! Всё получилось

#6 Евгений 1976

Евгений 1976

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

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

Отправлено 23 Сентябрь 2016 - 22:10

здравствуйте. подскажите пожалуйста как мне вставить между верхнем меню и слайдером небольшой текст.Изображение

#7 Vaccina

Vaccina

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

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

Отправлено 24 Сентябрь 2016 - 03:25

В шаблоне HTML после:
<div id="menu_collapse" class="mainnav collapse">
				  <ul>
				  {% IFNOT catalog_full_empty %}
					{% FOR catalog_full %}
					  {% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub">{% ENDIF %}{% ENDIF %}
						<li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.LEVEL = 0 %}subhead{% ENDIF %} {% IF catalog_full.CURRENT || catalog_full.CURRENT_PARENT %}active{% ENDIF %}">
						  <a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% ENDIF %}">{% IF catalog_full.ISSET_SUB %}<span class="open-menu {% IF catalog_full.CURRENT_PARENT || catalog_full.CURRENT %}active{% ENDIF %}"></span>{% ENDIF %}{catalog_full.NAME}</a>
						{% 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 %}
				  </ul>
				</div>
			  </div>
			</div>
			<!-- /END Меню навигации в шапке -->

вставьте:
<div style="transform: translateY(72px);" class="col-xs-12">text</div>

#8 Евгений 1976

Евгений 1976

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

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

Отправлено 24 Сентябрь 2016 - 17:51

прошу прощенья, но ошибся не текст, а картинку

#9 Danil

Danil

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

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

Отправлено 24 Сентябрь 2016 - 17:53

Просмотр сообщенияЕвгений 1976 (24 Сентябрь 2016 - 17:51) писал:

прошу прощенья, но ошибся не текст, а картинку
Здравствуйте.
Вместо кода
<div style="transform: translateY(72px);" class="col-xs-12">text</div>
вставьте
<div style="transform: translateY(72px);" class="col-xs-12"><a href="ССЫЛКА НА СТРАНИЦУ"><img src="ССЫЛКА НА КАРТИНКУ"></a></div>

#10 Евгений 1976

Евгений 1976

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

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

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

подскажите пожалуйста,как в нижний блок  Изображение вставить картинку с иконками платёжных карт   file:///C:/Users/%D0%B5%D0%B2%D0%B3%D0%B5%D0%BD%D0%B8%D0%B9/Downloads/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202016-09-24%2021-05-57.png

#11 Mr.Nito

Mr.Nito

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

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

Отправлено 25 Сентябрь 2016 - 11:00

Просмотр сообщенияЕвгений 1976 (24 Сентябрь 2016 - 21:12) писал:

подскажите пожалуйста,как в нижний блок  Изображение вставить картинку с иконками платёжных карт и как сделать общий фон сайта белым

Здравствуйте.
Общий фон сайта и картинка на фоне находятся в файле demo.css
body {
background: #ddd url(../images/bg.jpg) repeat top left;
}

Чтобы убрать тёмный фон в подвале сайта в файле main.css найдите:
(725 строка)
/*** Подвал ***/
#footer-top, #footer-middle, #footer-bottom {background: #1e212a;clear: both;}
замените на
/*** Подвал ***/
#footer-top, #footer-middle, #footer-bottom {background: none ;clear: both;}

Для добавления иконок оплаты.
В редакторе шаблонов - HTML
Найдите
<div id="footer-bottom">
	 <div class="footer">
	 <div class="container">
		 <div class="container-inner">
		 <div class="row">
			 <div class="col-sm-8 col-xs-12">
			 <p>{SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.</p>
			 <p>{SETTINGS_STORE_ORG_NAME}.</p>
			 <p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
			 <p>{SETTINGS_STORE_HTML_CODE}</p>
			 </div>
			 <div class="col-sm-4 col-xs-12">
			 <div class="htmlcode">{SETTINGS_STORE_HTML_CODE}</div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
<!-- /END Подвал -->
замените на
<div id="footer-bottom">
	 <div class="footer">
	 <div class="container">
		 <div class="container-inner">
		 <div class="row">
			 <div class="col-sm-8 col-xs-12">
			 <p>{SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.</p>
			 <p>{SETTINGS_STORE_ORG_NAME}.</p>
			 <p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
			 <p>{SETTINGS_STORE_HTML_CODE}</p>
			 </div>
			 <div class="col-sm-4 col-xs-12">
			 <h3>Варианты оплаты</h3>
			 <a class="open-close" href="#"></a>
			 <div class="wrapper">
				 <div id="payment_services">
					 <span class="icon_1" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
					 <span class="icon_2" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
					 <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
					 <span class="icon_4" title="Мы принимаем оплату через кредитные карты Maestro" >&nbsp;</span>
					 <span class="icon_5" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
					 <span class="icon_6" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
					 <span class="icon_7" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
					 <span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
					 <span class="icon_9" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
					 <span class="icon_10" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
				 </div>
			 </div>
			 <div class="htmlcode">{SETTINGS_STORE_HTML_CODE}</div>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
</div>
<!-- /END Подвал -->
Далее в самом конце файла main.css добавьте
.mousetrap {
width: 370px !important;
}
#payment_services{clear: both;margin: 10px 16px;text-align: center;}
#payment_services span{width: 50px;height:30px;display: block;float: left;margin: 0 9px 10px 0;text-align: center;cursor: pointer;}
#payment_services span.icon_1{background: url("{ASSETS_IMAGES_PATH}icon_sb.png?design=movement") no-repeat;}
#payment_services span.icon_2{background: url("{ASSETS_IMAGES_PATH}icon_visa.png?design=movement") no-repeat;}
#payment_services span.icon_3{background: url("{ASSETS_IMAGES_PATH}icon_mastercard.png?design=movement") no-repeat;}
#payment_services span.icon_4{background: url("{ASSETS_IMAGES_PATH}icon_maestro.png?design=movement") no-repeat;}
#payment_services span.icon_5{background: url("{ASSETS_IMAGES_PATH}icon_yad.png?design=movement") no-repeat;}
#payment_services span.icon_6{background: url("{ASSETS_IMAGES_PATH}icon_webmoney.png?design=movement") no-repeat;}
#payment_services span.icon_7{background: url("{ASSETS_IMAGES_PATH}icon_rbkmoney.png?design=movement") no-repeat;}
#payment_services span.icon_8{background: url("{ASSETS_IMAGES_PATH}icon_sms.png?design=movement") no-repeat;}
#payment_services span.icon_9{background: url("{ASSETS_IMAGES_PATH}icon_qiwi.png?design=movement") no-repeat;}
#payment_services span.icon_10{background: url("{ASSETS_IMAGES_PATH}icon_robo.png?design=movement") no-repeat;margin-right: 0!important;}
#payment_services span.icon_1:hover{background: url("{ASSETS_IMAGES_PATH}icon_sb_hover.png?design=movement") no-repeat;}
#payment_services span.icon_2:hover{background: url("{ASSETS_IMAGES_PATH}icon_visa_hover.png?design=movement") no-repeat;}
#payment_services span.icon_3:hover{background: url("{ASSETS_IMAGES_PATH}icon_mastercard_hover.png?design=movement") no-repeat;}
#payment_services span.icon_4:hover{background: url("{ASSETS_IMAGES_PATH}icon_maestro_hover.png?design=movement") no-repeat;}
#payment_services span.icon_5:hover{background: url("{ASSETS_IMAGES_PATH}icon_yad_hover.png?design=movement") no-repeat;}
#payment_services span.icon_6:hover{background: url("{ASSETS_IMAGES_PATH}icon_webmoney_hover.png?design=movement") no-repeat;}
#payment_services span.icon_7:hover{background: url("{ASSETS_IMAGES_PATH}icon_rbkmoney_hover.png?design=movement") no-repeat;}
#payment_services span.icon_8:hover{background: url("{ASSETS_IMAGES_PATH}icon_sms_hover.png?design=movement") no-repeat;}
#payment_services span.icon_9:hover{background: url("{ASSETS_IMAGES_PATH}icon_qiwi_hover.png?design=movement") no-repeat;}
#payment_services span.icon_10:hover{background: url("{ASSETS_IMAGES_PATH}icon_robo_hover.png?design=movement") no-repeat;}
далее загрузите в раздел Сайт-Редактор шаблонов изображения из приложения. (можете скачать целый архив с картинками или каждое изображение по отдельности)

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

  • icon_maestro.png
  • icon_maestro_hover.png
  • icon_mastercard.png
  • icon_mastercard_hover.png
  • icon_qiwi.png
  • icon_qiwi_hover.png
  • icon_rbkmoney.png
  • icon_rbkmoney_hover.png
  • icon_robo.png
  • icon_robo_hover.png
  • icon_sb.png
  • icon_sb_hover.png
  • icon_sms.png
  • icon_sms_hover.png
  • icon_visa.png
  • icon_visa_hover.png
  • icon_webmoney.png
  • icon_webmoney_hover.png
  • icon_yad.png
  • icon_yad_hover.png

Прикрепленные файлы

  • Прикрепленный файл  icon-pay.zip   25,19К   39 Количество загрузок:

#12 Евгений 1976

Евгений 1976

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

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

Отправлено 25 Сентябрь 2016 - 19:39

Скриншот 2016-09-20 21-37-26.png за белый фон спасибо,получилось. а в нижнем блоке надо оставить тёмный цвет и на его фоне поставить такую картинкуfile:///C:/Users/%D0%B5%D0%B2%D0%B3%D0%B5%D0%BD%D0%B8%D0%B9/Downloads/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202016-09-20%2021-37-26.png  file:///C:/Users/%D0%B5%D0%B2%D0%B3%D0%B5%D0%BD%D0%B8%D0%B9/Downloads/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202016-09-20%2021-37-26.png

#13 Mr.Nito

Mr.Nito

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

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

Отправлено 25 Сентябрь 2016 - 19:51

Чтобы поставить картинку на фон нижнего блока в файле main.css
найдите(761 строка)
#footer-bottom {border-top: 1px solid #333744;}
замените на 
#footer-bottom {
border-top: 1px solid #333744;
background: #1e212a url(' *ссылка на изображение* ') repeat center center;}

#14 Евгений 1976

Евгений 1976

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

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

Отправлено 25 Сентябрь 2016 - 20:01

картинка получилась на всю длину по нескольку раз,а надо 1 в правом углу.помогите пожалуйста.Изображение

#15 Mr.Nito

Mr.Nito

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

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

Отправлено 25 Сентябрь 2016 - 20:04

Просмотр сообщенияЕвгений 1976 (25 Сентябрь 2016 - 20:01) писал:

картинка получилась на всю длину по нескольку раз,а надо 1 в правом углу.помогите пожалуйста.Изображение

Верните предыдущие изменения к виду:
#footer-bottom {border-top: 1px solid #333744;}


Для добавления картинки в редакторе шаблонов - html
Найдите:
<div id="footer-bottom">
		 <div class="footer">
		 <div class="container">
				 <div class="container-inner">
				 <div class="row">
						 <div class="col-sm-8 col-xs-12">
						 <p>{SETTINGS_STORE_NAME} &copy; {DATE_YEAR}. Все права защищены.</p>
						 <p>{SETTINGS_STORE_ORG_NAME}.</p>
						 <p>{COPYRIGHT_FOR_DESIGN_SPRING}</p>
						 <p>{SETTINGS_STORE_HTML_CODE}</p>
						 </div>
						 <div class="col-sm-4 col-xs-12">
						 <div class="htmlcode">{SETTINGS_STORE_HTML_CODE}</div>
						 </div>
				 </div>
				 </div>
		 </div>
		 </div>
</div>
<!-- /END Подвал -->

блок
<div class="col-sm-4 col-xs-12">
						 <div class="htmlcode">{SETTINGS_STORE_HTML_CODE}</div>
</div>
замените на :
<div class="col-sm-4 col-xs-12">
						 <img src=" *ссылка на необходимое изображение* " alt="image" />
						 <div class="htmlcode">{SETTINGS_STORE_HTML_CODE}</div>
</div>

#16 Евгений 1976

Евгений 1976

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

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

Отправлено 25 Сентябрь 2016 - 20:18

спасибо огромное, всё отлично,как надо!
Обратно в Изменение общей стилистики


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

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

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