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


Помогите Внести Изменения

Автор dmitrykova, 15 марта 2016 22:52

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

#1 dmitrykova

dmitrykova

    Новичок

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

Отправлено 15 Март 2016 - 22:52

1.Перенести номер телефона и чтобы отображалось 2 номера, а не 1
2.Убрать кнопки соц.сетей кроме ВК, добавить инстаграмм.
3.Сделать кнопку заказать звонок
4.Убрать кнопку сравнения
5.Добавить время работы
6.Изменить цвет стиля

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

  • сайт.png

#2 Юля123

Юля123

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

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

Отправлено 16 Март 2016 - 09:53

Просмотр сообщенияdmitrykova (15 Март 2016 - 22:52) писал:

1.Перенести номер телефона и чтобы отображалось 2 номера, а не 1
2.Убрать кнопки соц.сетей кроме ВК, добавить инстаграмм.
3.Сделать кнопку заказать звонок
4.Убрать кнопку сравнения
5.Добавить время работы
6.Изменить цвет стиля


Здравствуйте,

1) Найдите в шаблоне HTML и удалите код:

			  <ul class="contact-us-now">
				{% IF SETTINGS_STORE_EMAIL_MAIN %}<li class="c-email"><a href="mailto:support@nova.com">{SETTINGS_STORE_EMAIL_MAIN}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER3 %}<li class="c-phone hide"><label>Телефон</label>: <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE3}{SETTINGS_STORE_PHONE_CITY_CODE3}{SETTINGS_STORE_PHONE_NUMBER3}">{SETTINGS_STORE_PHONE_COUNTRY_CODE3}({SETTINGS_STORE_PHONE_CITY_CODE3}){SETTINGS_STORE_PHONE_NUMBER3}</a></li>{% ENDIF %}
			  </ul>


далее после кода:

<div class="nav-right col-md-2">

добавьте код:

	<ul class="contact-us-now">
				{% IF SETTINGS_STORE_PHONE_NUMBER1 %}<li class="c-phone"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE1}{SETTINGS_STORE_PHONE_CITY_CODE1}{SETTINGS_STORE_PHONE_NUMBER1}">{SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</a></li>{% ENDIF %}
				{% IF SETTINGS_STORE_PHONE_NUMBER2 %}<li class="c-phone hide"> <a href="tel:{SETTINGS_STORE_PHONE_COUNTRY_CODE2}{SETTINGS_STORE_PHONE_CITY_CODE2}{SETTINGS_STORE_PHONE_NUMBER2}">{SETTINGS_STORE_PHONE_COUNTRY_CODE2}({SETTINGS_STORE_PHONE_CITY_CODE2}){SETTINGS_STORE_PHONE_NUMBER2}</a></li>{% ENDIF %}
							   <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><span class="sup_phone">Заказать звонок</span></a>
			  </ul>

В конце Main.css добавьте код:

ul.contact-us-now {
	list-style-type: none;
	float: left;
	margin: 0;
}

2) В шаблоне HTMl найдите код:

<ul class="connect-us">
				  <li><a href="#" class="fa fa-facebook"></a></li>
				  <li><a href="#" class="fa fa-twitter"></a></li>
				  <li><a href="#" class="fa fa-youtube"></a></li>
				  <li><a href="#" class="fa fa-vk"></a></li>
				</ul>


и замените на код:

				<ul class="connect-us">
				  <li><a href="#" class="fa fa-instagram""></a></li>
				  <li><a href="#" class="fa fa-vk"></a></li>
				</ul>

вместо # добавьте ссылки на страницы соц.сетей.

3) Чтобы сделать кнопку заказать звонок, в шаблоне HTMl перед кодом:

</head>

добавьте код:

<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

В конце main.css добавьте код:

span.sup_phone {
	color: #fff;
	background: red;
	padding: 5px;
	border-radius: 9px;
}

4) Убрать кнопку сравнения нужно только в шапке? или на всех страницах? Если только в шапке, то в конце main.css добавьте код:

.compare-toggle {
	display: none;
}

если Вы вообще хотите убрать такую функцию, о зайдите  Настройки - Основные, в разделе "Модуль сравнения товаров на сайте" установите галочку напротив "Выключить модуль сравнения товаров на сайте". После этого все кнопки связанные с этой функцией автоматически пропадут на сайте.


5)В шаблоне HTML после кода:

<div class="header-right col-sm-8 col-xs-12">

добавьте код:

{% IF SETTINGS_STORE_WORK_TIME %}<p class="h-worktime"> {% IF SETTINGS_STORE_WORK_TIME %}<span class="c-worktime">Время работы : {SETTINGS_STORE_WORK_TIME}</span>{% ENDIF %}</p>{% ENDIF %}

В конце main.css добавьте код:

p.h-worktime {
	float: left;
}

6) В main.css найдите код:

#menu .inner {width: 100%;background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top;}

в этом коде свойство background: #3cabda url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") no-repeat center top; отвечает за цвет блока, что Вы указали. Меняйте 3cabda цвет на нужный Вам, и картинку url("{ASSETS_IMAGES_PATH}breadcrumbs-bg.jpg") так же на нужную Вам.

#3 dmitrykova

dmitrykova

    Новичок

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

Отправлено 16 Март 2016 - 20:59

Спасибо большое!
Хотелось бы еще вот что:
1.Изменить цвет
2.Увеличить
3.Чтобы кнопки соц сетей подсвечивались сразу, а не были тусклыми
4.Убрать виджет
5.Переместить корзину напротив номеров телефона
6.Увеличить кнопку и телефоны, в телефонах изменить цвет.
Заранее благодарен!!!

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

  • изменения.png

#4 RayLi

RayLi

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

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

Отправлено 17 Март 2016 - 11:03

Просмотр сообщенияdmitrykova (16 Март 2016 - 20:59) писал:

Спасибо большое!
Хотелось бы еще вот что:
1.Изменить цвет
2.Увеличить
3.Чтобы кнопки соц сетей подсвечивались сразу, а не были тусклыми
4.Убрать виджет
5.Переместить корзину напротив номеров телефона
6.Увеличить кнопку и телефоны, в телефонах изменить цвет.
Заранее благодарен!!!

Здравствуйте.
Попробуйте, пожалуйста, сделать следующее:
В шаблоне main.css найдите данный код:

.links li a {
	font-size: 15px;
	font-weight: bolder;
}

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

.links li a {
	font-size: 15px;
	font-weight: bolder;
	color: #36362C;
}


После чего в том же шаблоне найдите, пожалуйста, следующий код:

p.h-worktime {
	float: left;
}

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

p.h-worktime {
	float: left;
	font-size: 16px;
}


Теперь найдите данный код:

#header .header-right .header-right-inner .connect-us li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	border: 1px solid #dfdfdf;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #c9c9c9;
}

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

#header .header-right .header-right-inner .connect-us li a {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 20px;
	border: 1px solid #537599;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	color: #537599 !important;
}


Теперь найдите, пожалуйста, следующий код:

.community-widget .community-widget-button {
	position: absolute;
	top: -1px;
	right: 100%;
	height: 50px;
	width: 50px;
	font-size: 20px;
	cursor: pointer;
	line-height: 46px;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
}

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

.community-widget .community-widget-button {
	position: absolute;
	top: -1px;
	right: 100%;
	height: 50px;
	width: 50px;
	font-size: 20px;
	cursor: pointer;
	line-height: 46px;
	background: #fff;
	text-align: center;
	border: 1px solid #ddd;
	-webkit-border-radius: 8px 0 0 8px;
	-moz-border-radius: 8px 0 0 8px;
	border-radius: 8px 0 0 8px;
	display: none;
}


После этого в самый конец шаблона main.css добавьте, пожалуйста, данный код:

li.c-phone.hide a, li.c-phone a {
	color: #FFFFFF !important;
	font-size: 16px;
}

#5 dmitrykova

dmitrykova

    Новичок

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

Отправлено 21 Март 2016 - 21:49

Спасибо!Нужно еще поменять:
1.Перенести кнопку корзины напротив телефонов
2.Увеличить кнопку заказать звонок
3.Изменение цвета шрифта в подвале

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

  • изменения 2.png

#6 RedHead

RedHead

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

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

Отправлено 22 Март 2016 - 12:11

Просмотр сообщенияdmitrykova (21 Март 2016 - 21:49) писал:

Спасибо!Нужно еще поменять:
1.Перенести кнопку корзины напротив телефонов
2.Увеличить кнопку заказать звонок
3.Изменение цвета шрифта в подвале

Здравствуйте.
1) В шаблоне html замените блок кода:

<div id="mainnav" class="col-md-10">
				<div id="custommenu">
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% 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 id="mommenu" class="menu-collapse">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="fa fa-reorder"></i>
				</span>
				<div class="menu_collapse_wrap">
				  <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: Main Navigation -->
			 
			  <div class="nav-right col-md-2">

на:

<div id="mainnav" class="col-md-9">
				<div id="custommenu">
				  <ul class="mainnav">
					{%IFNOT catalog_full_empty%}
					  {%FOR catalog_full%}
						{% IF catalog_full.FIRST %}{% IFNOT catalog_full.LEVEL = 0 %}<ul class="sub {% IF catalog_full.LEVEL > 2 %}hide-cat{% ENDIF %} {% IF catalog_full.LEVEL = 1 %}dropdown-menu{% ENDIF %}">{% ENDIF %}{% ENDIF %}
						  <li class="level{catalog_full.LEVEL} {% IF catalog_full.ISSET_SUB %}parent{% ENDIF %} {% IF catalog_full.CURRENT %}active{% ENDIF %}">
							<a href="{catalog_full.URL}" class="title-lv{catalog_full.LEVEL} {% IF catalog_full.CURRENT %}active{% 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 id="mommenu" class="menu-collapse">
				<span class="btn btn-navbar menusidebar collapsed" data-toggle="collapse" data-target="#menu_collapse">
				  <i class="fa fa-reorder"></i>
				</span>
				<div class="menu_collapse_wrap">
				  <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: Main Navigation -->
			 
			  <div class="nav-right col-md-3">

2) В шаблоне main.css замените строку:

span.sup_phone {color: #fff;background: red;padding: 5px;border-radius: 9px;}

на:

span.sup_phone {color: #fff;background: red;padding: 10px;border-radius: 9px;}

в конец шаблона добавьте:
li.c-phone.hide {margin-bottom: 5px;}

строку:
#menu .nav-right .header-right-inner {float: right;}
замените на:
#menu .nav-right .header-right-inner {float: right; margin-top: 13px;}

3) В ain.css замените строку:

#footer-top .block .block-title {line-height:30px;text-transform: none;font-size: 183.3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
на:
#footer-top .block .block-title {line-height:30px;text-transform: none;font-size: 183.3%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:red;}

Замените цвет в строке:
#footer-top .block-subscribe .block-content label {display: block;margin: 3px 0 15px;color: #666666;line-height: 18px;}

Уточните, в меню подвала, также нужно заменить цвет?

#7 dmitrykova

dmitrykova

    Новичок

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

Отправлено 22 Март 2016 - 19:42

Спасибо больное.Да в подвале тоже нужно!
При нажатии кнопки "заказать звонок" открывается новое окно!Как исправить?

#8 RedHead

RedHead

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

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

Отправлено 22 Март 2016 - 20:28

Просмотр сообщенияdmitrykova (22 Март 2016 - 19:42) писал:

Спасибо больное.Да в подвале тоже нужно!
При нажатии кнопки "заказать звонок" открывается новое окно!Как исправить?

В шаблоне main.css измените значение color в строке:

.block-contact .block-content p {margin: 0 0 10px 0;padding: 0 0 0 46px;min-height: 40px;position: relative;color: #666666;display: inline-block;width: 100%;}

в конец этого шаблона вставьте:

#footer-top .block .block-content a, #footer-top .block .block-content label {color:red;}
#footer-top .block .block-content a:hover {color:green;}
#footer-top .block-subscribe .block-content .callbackForm button:hover {background-color: red;border-color: red;}

измените цвета на необходимые.

Затем, в строке:
.block-contact .block-content p:before {content: "";position: absolute;width: 34px;height: 34px;left: 0px;top: 2px;background-image: url("{ASSETS_IMAGES_PATH}ico-contactus.png");background-position: top left;background-repeat: no-repeat;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;}
измените значение цвета border

И значение border-color в строке:
.block-contact .block-content p:hover:before {border-color: #3cabda;background-position: left -34px;}


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

#9 alexcola

alexcola

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

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

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

Помогите пожалуйста...нужно уменьшить область ,отмечено на скрине.

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

  • 36.png

#10 Юля123

Юля123

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

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

Отправлено 04 Апрель 2016 - 10:07

Просмотр сообщенияalexcola (03 Апрель 2016 - 21:16) писал:

Помогите пожалуйста...нужно уменьшить область ,отмечено на скрине.

Здравствуйте, в main.css найдите код:

.bphone {padding-top:55px;margin-bottom:0;font-size:30px;text-align:right;}

замените на код:

.bphone {margin-bottom:0;font-size:30px;text-align:right;}



далее найдите код: 
#header {position: relative;padding: 32px 0 30px;}

в этом коде у свойства padding уменьшайте значения 32 (отступ сверху) и 30 (отступ снизу).

#11 alexcola

alexcola

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

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

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

Спасибо получилось...ещё такой вопрос...как можно вставить мини картинки(на скрине показано куда именно)

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

  • 2016-04-04_15-24-06.png

#12 Юля123

Юля123

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

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

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

Просмотр сообщенияalexcola (04 Апрель 2016 - 15:26) писал:

Спасибо получилось...ещё такой вопрос...как можно вставить мини картинки(на скрине показано куда именно)

Да, конечно, добавьте в редакторе шаблонов картинки, затем в шаблоне HTMl код:

<div class="header-right col-sm-8 col-xs-12">

замените на код:

			<div id="logo" class="col-sm-4 col-xs-12">
			  <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
				<img src="{ASSETS_IMAGES_PATH}logo.png" alt="{SETTINGS_STORE_NAME}">
			  </a>
			</div>
			<!-- END: Logo -->
			<div class="header-right col-sm-4 col-xs-12">
			  <div class="header-banner" style="width:30%; display:inline-block;">
			  <img src="ссылка на изображение" alt="" title="" />
			  </div>
			  <div class="header-banner" style="width:30%; display:inline-block;">
			  <img src="ссылка на изображение" alt="" title="" />
			  </div>
			  <div class="header-banner" style="width:30%;display:inline-block;">
			  <img src="ссылка на изображение" alt="" title="" />
			  </div>
			</div>
			<div class="header-right col-sm-4 col-xs-12">

#13 alexcola

alexcola

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

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

Отправлено 04 Апрель 2016 - 18:39

Спасибо,получилось....
Ещё вопрос)
Можно ли реализовать такую вещь...

При наведении курсора на картинку всплывает текст(буквально 3,4 слова)?

#14 RedHead

RedHead

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

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

Отправлено 04 Апрель 2016 - 18:50

Просмотр сообщенияalexcola (04 Апрель 2016 - 18:39) писал:

Спасибо,получилось....
Ещё вопрос)
Можно ли реализовать такую вещь...

При наведении курсора на картинку всплывает текст(буквально 3,4 слова)?

Здравствуйте. В редакторе шаблонов, в шаблоне html найдите блок кода:

<div class="header-right col-sm-4 col-xs-12">
						  <div class="header-banner" style="width:15%; display:inline-block;">
						  <img src="/design/pr.jpg" alt="" title="Бесплатная доставка транспортной компанией
по всей России" />
						  </div>
						  <div class="header-banner" style="width:20%; display:inline-block;">
						  <img src="/design/icon-set_1.png" alt="" title="" />
						  </div>
						  <div class="header-banner" style="width:20%; display:inline-block;">
						  <img src="/design/russian-delivery.png" alt="" title="" />
						  </div>
						  <div class="header-banner" style="width:20%; display:inline-block;">
						  <img src="/design/pricin.png" alt="" title="" />
						  </div>
						  <div class="header-banner" style="width:20%;display:inline-block;">
						  <img src="/design/promo.png" alt="" title="" />
						  </div>
						</div>

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

<div class="header-right col-sm-4 col-xs-12">
						  <div class="header-banner" style="width:15%; display:inline-block;">
						  <img src="/design/pr.jpg" alt="" title="Бесплатная доставка транспортной компанией
по всей России" />
						  </div>
						  <div class="header-banner" style="width:20%; display:inline-block;">
						  <img src="/design/icon-set_1.png" alt="" title="ПОДСКАЗКА" />
						  </div>
						  <div class="header-banner" style="width:20%; display:inline-block;">
						  <img src="/design/russian-delivery.png" alt="" title="ПОДСКАЗКА" />
						  </div>
						  <div class="header-banner" style="width:20%; display:inline-block;">
						  <img src="/design/pricin.png" alt="" title="ПОДСКАЗКА" />
						  </div>
						  <div class="header-banner" style="width:20%;display:inline-block;">
						  <img src="/design/promo.png" alt="" title="ПОДСКАЗКА" />
						  </div>
						</div>

замените везде ПОДСКАЗКА на нужные фразы.

#15 alexcola

alexcola

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

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

Отправлено 04 Апрель 2016 - 18:54

Это полчилось....а можно ли как то это всплывающее окно стилизовать?

#16 RedHead

RedHead

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

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

Отправлено 04 Апрель 2016 - 20:47

Просмотр сообщенияalexcola (04 Апрель 2016 - 18:54) писал:

Это полчилось....а можно ли как то это всплывающее окно стилизовать?

Тогда в шаблоне html найдите строки:

<div class="header-banner" style="width:40%; display:inline-block;">
												 <img src="/design/bann_0.png" alt="" title="ДОСТАВКА ПО РОССИИ ОТ 2 ДО 14 ДНЕЙ" />
												 </div>

и замените на:

<div class="header-banner" style="width:40%; display:inline-block;">
												 <span class="tooltip"><img src="/design/bann_0.png" alt="" title="" /><span class="classic">ДОСТАВКА ПО РОССИИ ОТ 2 ДО 14 ДНЕЙ</span></span>
												 </div>

Затем, в конец шаблона main.css вставьте строки:

.tooltip {
position: relative;
cursor: help;
}
.tooltip span {
position: absolute;
margin-left: -30000px;
background-color: lightblue;
color: #000;
padding:10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.tooltip:hover span {
margin-left: 0;
width: 250px;
z-index: 1000;
top:40px;
left:20px;
}

Результат:

1.jpg

#17 alexcola

alexcola

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

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

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

Здравствуйте, у меня проблема с этими самыми всплывающими подсказками...они теперь просто высвечиваются под картинкой

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

  • 2016-04-05_22-28-58.png

#18 Юля123

Юля123

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

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

Отправлено 06 Апрель 2016 - 09:19

Просмотр сообщенияalexcola (05 Апрель 2016 - 22:30) писал:

Здравствуйте, у меня проблема с этими самыми всплывающими подсказками...они теперь просто высвечиваются под картинкой

Здравствуйте, очистите кеш, пожалуйста, сейчас у Вас подсказки не отображаются сразу, а только по наведению.

QIP Shot - Screen 252.png

#19 alexcola

alexcola

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

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

Отправлено 06 Апрель 2016 - 19:09

с другого ноутбука и браузеров то же самое как я вам скидывал...просто отоброжабтся под картинкой

#20 Юля123

Юля123

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

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

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

Просмотр сообщенияalexcola (06 Апрель 2016 - 19:09) писал:

с другого ноутбука и браузеров то же самое как я вам скидывал...просто отоброжабтся под картинкой

Здравствуйте, действительно нашили ошибку в коде, у Вас код для google-аналитики был вставлен в файл main.css, перенести его в настройки - Основные - код для вывода на всех страницах. Теперь должно отображаться корректно, проверьте, пожалуйста.
Обратно в Главная


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

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

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