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


Публикации UGIN

178 публикаций создано UGIN (учитываются публикации только с 02-Июль 23)


По типу контента

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


Сортировать                 Порядок  

#234794 Мобильная Версия.

Отправлено от UGIN в 21 Апрель 2016 - 16:30 в Другое

Просмотр сообщенияЮля123 (15 Апрель 2016 - 11:28) писал:

В main.css найдите и удалите код:

img.banner1 {display: none;}
img.banner2 {display: block !important;}


А в источнике для этой странице удалите код:

<img alt="" class="banner2" src="http://st.store-ip.ru/12/1810/109/vdv.png" style="width: 200px; height: 113px;" title="" />
Добрый день. У меня вопрос по поводу адаптации страницы
http://store-ip.ru/p...Hranenie-dannyh
под мобильные разрешение экрана. Можно ее сделать так же как предыдущую?


#234875 Мобильная Версия.

Отправлено от UGIN в 22 Апрель 2016 - 10:33 в Другое

Просмотр сообщенияЮля123 (21 Апрель 2016 - 17:52) писал:

Попробуйте создать тестовую страницу и добавить через источник код:

<a href="https://ru.ivideon.com/" target="_blank"><img alt="" src="http://st.store-ip.ru/9/1804/601/.png" style="width: 100%;" /></a>
<div class="col-xs-12 col-sm-4" style="display:inline-block;"><a href="https://ru.ivideon.com/get/#get-watch-tablet"><img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 277px; height: 87px;" /></a> <a href="https://ru.ivideon.com/get/#get-watch-tablet"><img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 270px; height: 80px;" /></a></div>
<div class="col-xs-12 col-sm-8" style="display:inline-block;"><iframe frameborder="0" height="300" scrolling="no" src="https://www.youtube.com/embed/CI0asZT2H5U" width="80%"></iframe></div>
&nbsp;<a href="http://store-ip.ru/catalog/Ivideon" target="_blank"><img alt="" src="http://st.store-ip.ru/12/1862/828/kamer-compressor.png" style="width: 100%;" /></a>
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/090/.png" style="width: 100%;" /></td>
<td style="width: 405px;">
<div class="tab">Ivideon работает во всем мире</div>
<div class="tab2">Получите доступ ко всем своим камерам наблюдения, которые находятся на разных континентах.</div>
</td>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/087/.png" style="100%;" /></td>
<td style="width: 405px;">
<div class="tab">Доступно для Apple iOS и&nbsp;Android</div>
<div class="tab2">У&nbsp;вас есть iPhone / iPad / iPod? Или устройство на&nbsp;базе Android? Смотрите видео&nbsp;через приложения в&nbsp;AppStore и&nbsp;Google Play.</div>
</td>
</tr>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/089/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Встройте видео в свой сайт</div>
<div class="tab2">Встройте живое видео с&nbsp;камеры наблюдения в&nbsp;свой сайт или блог, или поделитесь&nbsp;прямой ссылкой ВКонтакте, на&nbsp;Одноклассниках или в&nbsp;Facebook.</div>
</td>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/8/1804/091/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Расставьте камеры на&nbsp;карте</div>
<div class="tab2">У&nbsp;вас сеть точек, разбросанных по&nbsp;городу? Ivideon позволяет отметить местоположение ваших камер на&nbsp;карте Google Maps.</div>
</td>
</tr>
<tr>
<td style="width: 20px;">&nbsp;&nbsp;<img alt="" src="http://st.store-ip.ru/7/1804/084/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Совместимость</div>
<div class="tab2">Профессиональная IP-КАМЕРА? Простая вэб-камера? Ivideon поддерживает их&nbsp;все.</div>
</td>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/088/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Безопасность</div>
<div class="tab2">Безопасность&nbsp;&mdash; это наш главный приоритет. Все данные, включая видео, передаются в&nbsp;зашифрованном виде.</div>
</td>
</tr>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/083/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Откройте доступ другим&nbsp;пользователям</div>
<div class="tab2">Доступ к камерам наблюдения требуется нескольким сотрудникам одновременно? Сервисом ivideon позволяет передавать права на просмотр другим пользователям.</div>
</td>
<td style="width: 20px;">
<p style="text-align: center;"><img alt="" src="http://st.store-ip.ru/7/1804/085/cloud305.png" style="width: 64px; height: 64px;" /></p>
</td>
<td style="width: 405px;">
<div class="tab"><br />
​Храните архив в&nbsp;облаке</div>
<div class="tab2">Хотите дополнительной безопасности? Храните архивные видеозаписи не только на своём компьютере, но и в&nbsp;нашем облаке.</div>
</td>
</tr>
</tbody>
</table>

Если отображается так как Вы и хотели, тогда изменяйте код указанной Вами страница на этот код
Мысль правильная, и нужно подровнять еще немного. 1) видео по ширине экрана сделать. 2) что можно сделать с таблицей где расписаны преимущества?


#234922 Мобильная Версия.

Отправлено от UGIN в 22 Апрель 2016 - 16:44 в Другое

Просмотр сообщенияЮля123 (22 Апрель 2016 - 12:39) писал:

1) Видео по умолчанию сделать на всю ширину экрана? Уточните тогда, как должны располагаться кнопки.


2) Переделала Вам преимущества, попробуйте так же на тестовой странице:

<a href="https://ru.ivideon.com/" target="_blank"><img alt="" src="http://st.store-ip.ru/9/1804/601/.png" style="width: 100%;" /></a>
<div class="col-xs-12 col-sm-4" style="display:inline-block;"><a href="https://ru.ivideon.com/get/#get-watch-tablet"><img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 277px; height: 87px;" /></a> <a href="https://ru.ivideon.com/get/#get-watch-tablet"><img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 270px; height: 80px;" /></a></div>
<div class="col-xs-12 col-sm-8" style="display:inline-block;"><iframe frameborder="0" height="300" scrolling="no" src="https://www.youtube.com/embed/CI0asZT2H5U" width="80%"></iframe></div>
&nbsp;<a href="http://store-ip.ru/catalog/Ivideon" target="_blank"><img alt="" src="http://st.store-ip.ru/12/1862/828/kamer-compressor.png" style="width: 100%;" /></a>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/090/.png" style="width: 64px; height: 64px;"/></td>
<td style="width: 405px;">
<div class="tab">Ivideon работает во всем мире</div>
<div class="tab2">Получите доступ ко всем своим камерам наблюдения, которые находятся на разных континентах.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/087/.png" style=" style="width: 64px; height: 64px;"" /></td>
<td style="width: 405px;">
<div class="tab">Доступно для Apple iOS и&nbsp;Android</div>
<div class="tab2">У&nbsp;вас есть iPhone / iPad / iPod? Или устройство на&nbsp;базе Android? Смотрите видео&nbsp;через приложения в&nbsp;AppStore и&nbsp;Google Play.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/089/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab">Встройте видео в свой сайт</div>
<div class="tab2">Встройте живое видео с&nbsp;камеры наблюдения в&nbsp;свой сайт или блог, или поделитесь&nbsp;прямой ссылкой ВКонтакте, на&nbsp;Одноклассниках или в&nbsp;Facebook.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/8/1804/091/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab">Расставьте камеры на&nbsp;карте</div>
<div class="tab2">У&nbsp;вас сеть точек, разбросанных по&nbsp;городу? Ivideon позволяет отметить местоположение ваших камер на&nbsp;карте Google Maps.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/084/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab">Совместимость</div>
<div class="tab2">Профессиональная IP-КАМЕРА? Простая вэб-камера? Ivideon поддерживает их&nbsp;все.</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/11/1804/088/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab">Безопасность</div>
<div class="tab2">Безопасность&nbsp;&mdash; это наш главный приоритет. Все данные, включая видео, передаются в&nbsp;зашифрованном виде.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<td style="width: 20px;"><img alt="" src="http://st.store-ip.ru/7/1804/083/.png" style="width: 64px; height: 64px;" /></td>
<td style="width: 405px;">
<div class="tab"><br />
Откройте доступ другим&nbsp;пользователям</div>
<div class="tab2">Доступ к камерам наблюдения требуется нескольким сотрудникам одновременно? Сервисом ivideon позволяет передавать права на просмотр другим пользователям.</div>
</td>
</tr>
</tbody>
</table>
</div>
<div class="col-sm-12 col-md-6" style="margin: 10px 0;height:130px">
<table align="center" border="1" cellpadding="1" cellspacing="1" style="width:100%;">
<tbody>
<tr>
<<td style="width: 20px;">
<p style="text-align: center;"><img alt="" src="http://st.store-ip.ru/7/1804/085/cloud305.png" style="width: 64px; height: 64px;" /></p>
</td>
<td style="width: 405px;">
<div class="tab"><br />
​Храните архив в&nbsp;облаке</div>
<div class="tab2">Хотите дополнительной безопасности? Храните архивные видеозаписи не только на своём компьютере, но и в&nbsp;нашем облаке.</div>
</td>
</tr>
</tbody>
</table>
</div>
кнопки так и оставить, видео чтобы подгонялось под размер экрана т.к. оно сейчас в два раза уже ширины экрана.
преимущества заезжают друг на друга когда телефон вертикально держишь.


#234946 Мобильная Версия.

Отправлено от UGIN в 22 Апрель 2016 - 22:53 в Другое

Просмотр сообщенияЮля123 (22 Апрель 2016 - 17:09) писал:

Создала Вам тестовую страницу с названием test, посмотрите изменения.
преимущества все равно заезжают друг на друга.


#235189 Мобильная Версия.

Отправлено от UGIN в 25 Апрель 2016 - 14:37 в Другое

Просмотр сообщенияVaccina (23 Апрель 2016 - 05:31) писал:

В main.css добавьте:
.htmlDataBlock .col-sm-12.col-md-6 {
height: auto !important;
}
получилось. А можно теперь кнопки для "google play" и "appstore" сделать поменьше?


#235462 Изменения На Главной.

Отправлено от UGIN в 27 Апрель 2016 - 08:17 в Изменение общей стилистики

Просмотр сообщенияRedHead (10 Январь 2016 - 18:13) писал:

Здравствуйте! Перед внесением изменений, создайте бэкап.
1) Загрузите во вкладке Сайт-->Редактор шаблонов, с помощью кнопки "Добавить файлы", изображение:
Прикрепленный файл a21.png

Далее в шаблоне html замените блок кода:
<!-- Слайдер на главной -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
		 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
			 <div>
																 <a href="http://store-ip.ru/page/Umnyj-dom"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /></a>
												 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			 </div>
		 </div>
		 <div data-u="navigator" class="jssorb05" style="z-index:99;position: absolute;bottom: 16px; right: 16px; width: 68px; height: 16px; left: 616px;" data-autocenter="1">
				 <div data-u="prototype" style="width: 16px; height: 16px; position: absolute; left: 0px; top: 0px;"></div>
</div>
		 </div>
		
	 </div>
	 {% ENDIF %}
	 <!-- /END Слайдер на главной -->
на:
<!-- Слайдер на главной -->
	 {% IF index_page %}
	 <div id="slideshow" class="wrap">
		 <div id="slider">
		 <!-- Slides Container -->
		 <div u="slides" class="slides_container">
			 <div>
																 <a href="http://store-ip.ru/page/Umnyj-dom"><img u="image" src="{ASSETS_IMAGES_PATH}slide1.png?design=jade" /></a>
												 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide2.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide3.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide4.png?design=jade" />
			 </div>
			 <div>
			 <img u="image" src="{ASSETS_IMAGES_PATH}slide5.png?design=jade" />
			 </div>
		 </div>
		 <!-- Arrow Left -->
	 <span u="arrowleft" class="jssora21l" style="width: 55px; height: 55px; top: 123px; left: 8px;">
	 </span>
	 <!-- Arrow Right -->
	 <span u="arrowright" class="jssora21r" style="width: 55px; height: 55px; top: 123px; right: 8px">
	 </span>
		 </div>
	 </div>
	 {% ENDIF %}
	 <!-- /END Слайдер на главной -->

Затем в конец шаблона main.css добавьте код:
.jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {position: absolute;cursor: pointer;display: block;background: url('{ASSETS_IMAGES_PATH}a21.png') center center no-repeat;overflow: hidden;}
.jssora21l {
background-position: -5px 230px !important;
margin-top: -255px;
height: 550px !important;
}
.jssora21r {
background-position: -60px 230px !important;
margin-top: -255px;
height: 550px !important;
}
.jssora21l:hover { background-position: -123px -33px; }
.jssora21r:hover { background-position: -183px -33px; }
.jssora21ldn { background-position: -243px -33px; }
.jssora21rdn { background-position: -303px -33px; }

Результат:
Прикрепленный файл 1.jpg

2) Укажите, пожалуйста, на скриншотах, какие необходимо выполнить изменения для мобильной версии.
с Добрым утром. Подскажите как можно в блоге на главной сделать кликабельными картинки?


#235949 Мобильная Версия.

Отправлено от UGIN в 01 Май 2016 - 21:51 в Другое

Просмотр сообщенияЮля123 (25 Апрель 2016 - 20:26) писал:

В редакторе страницы найдите код:

<img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 277px; height: 87px;" />

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

<img alt="" src="http://st.store-ip.ru/6/1797/625/appstore.png" style="width: 90%; height: auto;" />

и код:

<img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 270px; height: 80px;" />

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

<img alt="" src="http://st.store-ip.ru/9/1797/626/google-play1.png" style="width: 90%; height: auto;" />
после изменений для мобильной версии, поехали значки для обычного экрана.

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

  • 2016-05-01_21-50-38.png


#236099 Мобильная Версия.

Отправлено от UGIN в 04 Май 2016 - 16:35 в Другое

Просмотр сообщенияFirefly (02 Май 2016 - 10:08) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
@media all and (min-width: 481px ){
.mob-menu{ display: none;}
}

Замените на:
.htmlDataBlock .advantages {
	 height: auto;
	 margin:50px 0;
}
@media all and (min-width: 481px ){
.mob-menu{ display: none;}
.htmlDataBlock .advantages {
	 height: 100px;
	 margin:40px 0;
}
}

Найдите и удалите код:
.htmlDataBlock .col-sm-12.col-md-6 {
	 height: auto !important;
}
Пожскажите как картинки на фон поставить на страницу? соответственно что-бы можно было сверху писать инфу
вот примерно так

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

  • 2016-05-04_16-44-31.png


#236378 Выровнить

Отправлено от UGIN в 09 Май 2016 - 11:01 в Главная

Просмотр сообщенияRayLi (14 Февраль 2016 - 10:03) писал:

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

span.contact a {
font-size: 15px;
}
Добрый день! Подскажите, как можно блок с преимуществами спустить вниз, между блогом и подвалом? и соответвенно растянуть по ширине сайта. А надпись под лого сдвинуть вправо на один уровень с лого. спасибо

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

  • 2016-05-09_10-42-41.png


#236591 Выровнить

Отправлено от UGIN в 11 Май 2016 - 14:41 в Главная

Просмотр сообщенияFirefly (09 Май 2016 - 15:14) писал:

Здравствуйте.
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, добавьте в конце код:
.logo_text {height:80px;float:left;}
.logo_text p {vertical-align:middle;line-height: 30px;margin: 15px;}

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
						 <!-- Логотип -->
						 <div class="logo col-lg-3 col-md-3 col-xs-12">
												 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
												 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 15px;"><br>Проектная группа –
												 системы <br>умный дом, контроль доступа, ip домофония.
												 </a>
						 </div>

Замените на:
						 <!-- Логотип -->
						 <div class="logo col-lg-6 col-md-6 col-xs-12">
												 <div style="float:left;">
													 <a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/" style="display:block;font-size:12px;margin-left: 40px;">
													 <img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 15px;">
													 </a>
												 </div>
												 <div class="logo_text">
												 <p>Проектная группа – системы <br>умный дом, контроль доступа, ip домофония.</p>
												 </div>
						 </div>

Найдите и удалите код:
<!-- ТЕКСТ -->
<div class="yt-main-menu col-lg-9 col-md-9 col-xs-12">
<!-- Баннеры на главной -->
		
			 <div class="yt-bannertop">
					 <div class="row">
						 <div class="banner-top">
		 <ul>
																 <li class="li-1 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/dostavka" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
																			 <div class="li1-content" style="text-align: center;"><a href="/page/dostavka">Бесплатная доставка!</a>
																			
																			 </div>
																 </li>
																 <li class="li-2 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/obslujivanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
																			 <div class="li2-content"style="text-align: center;"><a href="/page/obslujivanie">Обслуживание</a>
																				
																			 </div>
																 </li>
																 <li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/proyektirovanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
																			 <div class="li3-content" style="text-align: center;"><a href="/page/proyektirovanie">Проектирование</a>
																			
																			 </div>
																 </li>
																 <li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/montaje" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}montagebgb.jpg" alt="" title="" /></a>
																			 <div class="li3-content" style="text-align: center;"><a href="/page/montaje">Монтаж</a>
																				
																			 </div>
																 </li>
															 </ul>
						 </div>
			 </div>
		
			 <!-- /END Баннеры на главной -->
</div>
							 <!-- Каталог в шапке -->
					 </div>

Найдите код:
	 <!-- Основная часть подвала -->

Замените на:
	 <div class="footer-top">
		 <div class="container">
		 <div class="row">
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">
<!-- Баннеры на главной -->
		
			 <div class="yt-bannertop">
					 <div class="row">
						 <div class="banner-top">
		 <ul>
																 <li class="li-1 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/dostavka" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
																			 <div class="li1-content" style="text-align: center;"><a href="/page/dostavka">Бесплатная доставка!</a>
																			
																			 </div>
																 </li>
																 <li class="li-2 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/obslujivanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
																			 <div class="li2-content"style="text-align: center;"><a href="/page/obslujivanie">Обслуживание</a>
																				
																			 </div>
																 </li>
																 <li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/proyektirovanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
																			 <div class="li3-content" style="text-align: center;"><a href="/page/proyektirovanie">Проектирование</a>
																			
																			 </div>
																 </li>
																 <li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/montaje" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}montagebgb.jpg" alt="" title="" /></a>
																			 <div class="li3-content" style="text-align: center;"><a href="/page/montaje">Монтаж</a>
																				
																			 </div>
																 </li>
															 </ul>
						 </div>
			 </div>
		
			 <!-- /END Баннеры на главной -->
</div>
</div>
		 </div>
		 </div>
	 </div>
супер. а как можно этот блок привести в вид как на скрине?

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

  • 2016-05-11_14-30-43.png
  • 2016-05-11_14-40-24.png


#236701 Мобильная Версия.

Отправлено от UGIN в 12 Май 2016 - 13:40 в Другое

Просмотр сообщенияVaccina (05 Май 2016 - 01:06) писал:

Укажите пожалуйста страницу-пример для которой можно предоставить инструкцию
http://store-ip.ru/p...Hranenie-dannyh
http://store-ip.ru/page/Umnyj-dom


#236702 Выровнить

Отправлено от UGIN в 12 Май 2016 - 13:45 в Главная

Просмотр сообщенияЮля123 (11 Май 2016 - 16:05) писал:

Вот такой вид Вас устроит? Или вы хотите так же добавить описание снижу (мелкий шрифт)

Прикрепленный файл QIP Shot - Screen 317.png

ЕСли Вас устраивает такой вариант, тогда в main.css найдите код:
.yt-bannertop .banner-top ul li {background-repeat: no-repeat;float: left;list-style:none;}

и замените на код:
.yt-bannertop .banner-top ul li {
background-repeat: no-repeat;
float: left;
list-style: none;
border-right: 1px solid #ddd;
margin: 20px 0;
}
.yt-bannertop .banner-top ul li a.banner-top-img {
height: 150px;
display: flex;
align-items: center;
justify-content: center;
}
.yt-bannertop .banner-top ul li:last-child {
border: 0;
}
да, конечно устраивает. Теперь нужно, чтобы отбражались на мобильной версии. соответственно вставали вертикально.


#236953 Выровнить

Отправлено от UGIN в 14 Май 2016 - 21:06 в Главная

Просмотр сообщенияDanil (12 Май 2016 - 13:51) писал:

В main.css найдите код
.footer-top {
display: none;
}
и замените на
.footer-top:first-child {
display: none;
}
и последнее, как добавить текст туда, внутрь каждого блока

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

  • 2016-05-14_21-04-23.png


#236954 Мобильная Версия.

Отправлено от UGIN в 14 Май 2016 - 21:31 в Другое

Просмотр сообщенияЮля123 (12 Май 2016 - 16:54) писал:

Здравствуйте, попробуйте весь код страницы обернуть в тег:

<div style="background:url('прямая ссылка на изображение, без переменных')">
основной код страницы
</div>

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

Просмотр сообщенияUGIN (14 Май 2016 - 21:30) писал:

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


#237049 Мобильная Версия.

Отправлено от UGIN в 16 Май 2016 - 14:01 в Другое

Просмотр сообщенияЮля123 (16 Май 2016 - 11:09) писал:

Была ошибка в инструкции, поправила. Так же поправила у Вас на странице. background будет отображаться не на всю страницу сайта, а только на контентную часть. Если нужно будет сделать несколько фонов, то лучше разбить страницу на несколько блоков:

<div style="background:url(первая картинка)">
код первого блока
</div>
<div style="background:url(втораякартинка)">
код второго блока
</div>
<div style="background:url(третья картинка)">
код третьего блока
</div>


еще один вариант - это добавление класса к блоку, например так:

<div class="background_page">
основной код страницы
</div>

далее в main.css можно стилизовать этот блок:

.background_page {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}


На несколько блоков это будет выглядеть так:

<div class="background_page">
код первого блока
</div>
<div style=class="background_page1">
код второго блока
</div>
<div class="background_page2">
код третьего блока
</div>

в main.css код:
.background_page {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}
.background_page1 {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}
.background_page2 {
background: url("ссылка на картинку") no-repeat;
background-size:contain;
}
попытался сделать такой бэкграунд на странице


http://store-ip.ru/page/Umnyj-dom
и опять же ничего не получается. подскажите пожалуйста что не так сделал??((((


#242386 Выровнить

Отправлено от UGIN в 11 Июль 2016 - 12:50 в Главная

Просмотр сообщенияDanil (15 Май 2016 - 18:43) писал:

В конец main.css добавьте
.yt-bannertop .banner-top ul li a.banner-top-img span {
display: block;
}
В шаблоне html найдите код
<!-- Баннеры на главной -->

<div class="yt-bannertop">
<div class="row">
<div class="banner-top">
<ul>
<li class="li-1 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/dostavka" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
<div class="li1-content" style="text-align: center;"><a href="/page/dostavka">Бесплатная доставка!</a>

</div>
</li>
<li class="li-2 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/obslujivanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
<div class="li2-content"style="text-align: center;"><a href="/page/obslujivanie">Обслуживание</a>

</div>
</li>
<li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/proyektirovanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
<div class="li3-content" style="text-align: center;"><a href="/page/proyektirovanie">Проектирование</a>

</div>
</li>
<li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/montaje" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}montagebgb.jpg" alt="" title="" /></a>
<div class="li3-content" style="text-align: center;"><a href="/page/montaje">Монтаж</a>

</div>
</li>
</ul>
</div>
</div>
</div>
<!-- /END Баннеры на главной -->
и замените на

<!-- Баннеры на главной -->

<div class="yt-bannertop">
<div class="row">
<div class="banner-top">
<ul>
<li class="li-1 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/dostavka" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""><span>ТЕКСТ</span></a>
<div class="li1-content" style="text-align: center;"><a href="/page/dostavka">Бесплатная доставка!</a>

</div>
</li>
<li class="li-2 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/obslujivanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""><span>ТЕКСТ</span></a>
<div class="li2-content"style="text-align: center;"><a href="/page/obslujivanie">Обслуживание</a>

</div>
</li>
<li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/proyektirovanie" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""><span>ТЕКСТ</span></a>
<div class="li3-content" style="text-align: center;"><a href="/page/proyektirovanie">Проектирование</a>

</div>
</li>
<li class="li-3 col-lg-2 col-md-2 col-sm-2 col-xs-12"><a class="banner-top-img" href="/page/montaje" style="text-align: center;"><img src="{ASSETS_IMAGES_PATH}montagebgb.jpg" alt="" title="" /><span>ТЕКСТ</span></a>
<div class="li3-content" style="text-align: center;"><a href="/page/montaje">Монтаж</a>

</div>
</li>
</ul>
</div>
</div>
</div>
<!-- /END Баннеры на главной -->
в коде замените слово "ТЕКСТ", на Ваш текст.
Добрый день. Как можно убрать:
  • Хиты и новинки(блок 2)

  • таблицу с категориями (блок 1)
Что-бы код был не очень грязный.Спасибо

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

  • 2016-07-11_12-48-56.png


#242475 Выровнить

Отправлено от UGIN в 12 Июль 2016 - 11:12 в Главная

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

Здравствуйте.
В шаблоне html найдите и удалите код
			 <!-- <!-- Картинки на главной -->
{% IF index_page %}
<br>
<div class="container header-image">
<div class="header-content-left" style="left: 3px;"><a href="http://store-ip.ru/catalog/NOLITE-Besprovodnoe-jelektrichestvo"><img src=http://st.store-ip.ru/12/1790/191/home.png" alt="" title="" / ><div class="text"><p>"Беспроводная электрика nooLite "</p></div></a></div>
<div class="header-content-right" style="left: 4px;"><a href="http://store-ip.ru/page/Hranenie-dannyh"><img src=http://st.store-ip.ru/9/1788/412/sln.jpg" alt="" title="" /><div class="text"><p>Облачное хранение данных</p></div></a></div>
<div class="clear"></div>
<div class="header-content-left"><a href="http://store-ip.ru/page/Umnyj-dom-pod-klyuch"><img src="http://st.store-ip.ru/11/1862/487/smarthomenews.jpg" alt="" title="" / ><div class="text"><p>Умный дом <br>под ключ</p></div></a></div>
<div class="header-content-left"><a href="http://store-ip.ru/catalog/LIVOLO"><img src="http://st.store-ip.ru/11/1828/066/livolo.jpg" alt="" title="" /><div class="text"><p>Сенсорные выключатели LIVOLO</p></div></a></div>
<div class="header-content-right"><a href="http://store-ip.ru/catalog/Delumo"><img src="http://st.store-ip.ru/11/1828/065/delumo.jpg" alt="" title="" /><div class="text"><p>Инженерные системы DeLUMO</p></div></a></div>
</div>
{% ENDIF %}
			
			 {% IF index_page %}
			 <!-- Товары на главной, Хиты продаж, Новинки -->
			 <div class="yt-tab-listing">
				 <div class="respl-wrap">
				 <!-- Вкладки переключения товаров на главной-->
				 <div class="respl-tabs-container">
					 <div class="respl-tabs-wrap">
					 <ul class="respl-tabs cf">
						 {% IFNOT index_page_goods_empty %}<li class="respl-tab active"><h4><a href="#tab-goods">Товары на главной</a></h4></li>{% ENDIF %}
						 {% IFNOT index_page_new_goods_empty %}<li class="respl-tab"><h4><a href="#tab-new">Новинки</a></h4></li>{% ENDIF %}
						 {% IFNOT index_page_favorites_goods_empty %}<li class="respl-tab"><h4><a href="#tab-favorites">Хиты продаж</a></h4></li>{% ENDIF %}
					 </ul>
					 </div>
				 </div>
				 <!-- Вывод содержимого вкладок на главной -->
				 <div class="respl-items-container">
					 <!-- Товары на главной -->
					 {% IFNOT index_page_goods_empty %}
					 <div id="tab-goods" class="tab-goods tab-pane fade {% IFNOT index_page_goods_empty %}in active{% ENDIF %}">
					 <div class="respl-items respl-items-selected respl-items-loaded items-category-created_at respl00-4 respl01-4 respl02-3 respl03-3 respl04-1">
						 <div class="respl-items-inner">
						 <div class="products-grid">
							 {% FOR index_page_goods %}
							 <div class="respl-item item clear-resp" itemscope itemtype="http://schema.org/Product">
							 <div class="item-inner">
								 <div class="product-image">
								 <a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}"><div class="bg-hover-grid"></div></a>			
								 <a class="rspl-image" href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}">
									 <img src="{% IF index_page_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_goods.NAME}">
								 </a>
								 <div class="product-addto-wrap">
									 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{index_page_goods.MIN_PRICE_NOW_ID}">
									 <input type="hidden" name="hash" value="{HASH}" />
									 <input type="hidden" name="form[goods_from]" value="{index_page_goods.GOODS_FROM}" />
									 <input type="hidden" name="form[goods_mod_id]" value="{index_page_goods.MIN_PRICE_NOW_ID}" />
										 <!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
										 <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
									 <!-- Если есть возможность добавить товар в избранное -->
									 {% IF index_page_goods.IS_HAS_IN_FAVORITES_LIST %}
										 <a class="add-wishlist added btn-addto"
										 data-action-is-add="0"
										 data-action-add-url="{FAVORITES_ADD_URL}"
										 data-action-delete-url="{FAVORITES_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
										 data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
										 title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
										 href="{FAVORITES_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
									 {% ELSE %}
										 <a class="add-wishlist btn-addto"
										 data-action-is-add="1"
										 data-action-add-url="{FAVORITES_ADD_URL}"
										 data-action-delete-url="{FAVORITES_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное"
										 data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из избранного"
										 title="Добавить &laquo;{index_page_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
									 {% ENDIF %}
									 <!-- END Если есть возможность добавить товар в избранное -->
								
									 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
										 {% IF index_page_goods.IS_HAS_IN_COMPARE_LIST %}
										 <a class="add-compare added btn-addto"
											 data-action-is-add="0"
											 data-action-add-url="{COMPARE_ADD_URL}"
											 data-action-delete-url="{COMPARE_DELETE_URL}"
											 data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
											 data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
											 data-prodname="{index_page_goods.NAME}"
											 data-produrl="{index_page_goods.URL}"
											 data-id="{index_page_goods.ID}"
											 data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}"
											 title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
											 href="{COMPARE_DELETE_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
										 {% ELSE %}
										 <a class="add-compare btn-addto"
											 data-action-is-add="1"
											 data-action-add-url="{COMPARE_ADD_URL}"
											 data-action-delete-url="{COMPARE_DELETE_URL}"
											 data-action-add-title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
											 data-action-delete-title="Убрать &laquo;{index_page_goods.NAME}&raquo; из списка сравнения с другими товарами"
											 data-prodname="{index_page_goods.NAME}"
											 data-produrl="{index_page_goods.URL}"
											 data-id="{index_page_goods.ID}"
											 data-mod-id="{index_page_goods.MIN_PRICE_NOW_ID}"
											 title="Добавить &laquo;{index_page_goods.NAME}&raquo; в список сравнения с другими товарами"
											 href="{COMPARE_ADD_URL}?id={index_page_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
										 {% ENDIF %}
									 {% ENDIF %}
									 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									 </form>
								 </div>
								 </div>
								 <div class="product-info">
								 <div class="product-name">
									 <a href="{index_page_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_goods.NAME}" itemprop="name">{index_page_goods.NAME}</a>
									 <meta itemprop="description" content="{% IF index_page_goods.DESCRIPTION_SHORT %}{index_page_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
								 </div>
								 <div class="product-price">
									 <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
									 <span class="regular-price">
										 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
										 <span class="price" itemprop="price">{index_page_goods.MIN_PRICE_NOW | money_format}</span>
										 {% IF index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_goods.MIN_PRICE_NOW %}
										 <p class="price-old">{index_page_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
										 {% ELSEIF index_page_goods.MIN_PRICE_OLD>index_page_goods.MIN_PRICE_NOW %}
										 <p class="price-old">{index_page_goods.MIN_PRICE_OLD | money_format}</p>
										 {% ENDIF %}
									 </span>
									 </div>
								 </div>
								 </div>
							 </div>
							 </div>
							 {% ENDFOR %}
							 <div class="pdt-loadmore">
							 <div class="button btn-loadmore showAllGoods">Загрузить все</div>
							 </div>
						 </div>
						 </div>
					 </div>
					 </div>
					 {% ENDIF %}
					 <!-- /END Товары на главной -->
					 <!-- Новинки -->
					 {% IFNOT index_page_new_goods_empty %}
					 <div id="tab-new" class="tab-new tab-pane fade {% IF index_page_goods_empty || index_page_favorites_goods_empty %}in active{% ENDIF %}">
					 <div class="respl-items respl-items-selected respl-items-loaded items-category-created_at respl00-4 respl01-4 respl02-3 respl03-3 respl04-1">
						 <div class="respl-items-inner">
						 <div class="products-grid">
							 {% FOR index_page_new_goods %}
							 <div class="respl-item item clear-resp" itemscope itemtype="http://schema.org/Product">
							 <div class="item-inner">
								 <div class="product-image">
								 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}"><div class="bg-hover-grid"></div></a>			
								 <a class="rspl-image" href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}">
									 <img src="{% IF index_page_new_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_new_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_new_goods.NAME}">
								 </a>
								 <div class="product-addto-wrap">
									 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{index_page_new_goods.MIN_PRICE_NOW_ID}">
									 <input type="hidden" name="hash" value="{HASH}" />
									 <input type="hidden" name="form[goods_from]" value="{index_page_new_goods.GOODS_FROM}" />
									 <input type="hidden" name="form[goods_mod_id]" value="{index_page_new_goods.MIN_PRICE_NOW_ID}" />
										 <!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
										 <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_new_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
									 <!-- Если есть возможность добавить товар в избранное -->
									 {% IF index_page_new_goods.IS_HAS_IN_FAVORITES_LIST %}
										 <a class="add-wishlist added btn-addto"
										 data-action-is-add="0"
										 data-action-add-url="{FAVORITES_ADD_URL}"
										 data-action-delete-url="{FAVORITES_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное"
										 data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
										 title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
										 href="{FAVORITES_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
									 {% ELSE %}
										 <a class="add-wishlist btn-addto"
										 data-action-is-add="1"
										 data-action-add-url="{FAVORITES_ADD_URL}"
										 data-action-delete-url="{FAVORITES_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное"
										 data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из избранного"
										 title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
									 {% ENDIF %}
									 <!-- END Если есть возможность добавить товар в избранное -->
								
									 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
										 {% IF index_page_new_goods.IS_HAS_IN_COMPARE_LIST %}
										 <a class="add-compare added btn-addto"
											 data-action-is-add="0"
											 data-action-add-url="{COMPARE_ADD_URL}"
											 data-action-delete-url="{COMPARE_DELETE_URL}"
											 data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
											 data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
											 data-prodname="{index_page_new_goods.NAME}"
											 data-produrl="{index_page_new_goods.URL}"
											 data-id="{index_page_new_goods.ID}"
											 data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
											 title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
											 href="{COMPARE_DELETE_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
										 {% ELSE %}
										 <a class="add-compare btn-addto"
											 data-action-is-add="1"
											 data-action-add-url="{COMPARE_ADD_URL}"
											 data-action-delete-url="{COMPARE_DELETE_URL}"
											 data-action-add-title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
											 data-action-delete-title="Убрать &laquo;{index_page_new_goods.NAME}&raquo; из списка сравнения с другими товарами"
											 data-prodname="{index_page_new_goods.NAME}"
											 data-produrl="{index_page_new_goods.URL}"
											 data-id="{index_page_new_goods.ID}"
											 data-mod-id="{index_page_new_goods.MIN_PRICE_NOW_ID}"
											 title="Добавить &laquo;{index_page_new_goods.NAME}&raquo; в список сравнения с другими товарами"
											 href="{COMPARE_ADD_URL}?id={index_page_new_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_new_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
										 {% ENDIF %}
									 {% ENDIF %}
									 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									 </form>
								 </div>
								 </div>
								 <div class="product-info">
								 <div class="product-name">
									 <a href="{index_page_new_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_new_goods.NAME}" itemprop="name">{index_page_new_goods.NAME}</a>
									 <meta itemprop="description" content="{% IF index_page_new_goods.DESCRIPTION_SHORT %}{index_page_new_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
								 </div>
								 <div class="product-price">
									 <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
									 <span class="regular-price">
										 <meta itemprop="priceCurrency" content="{CURRENCY_CHAR_CODE}"/>
										 <span class="price" itemprop="price">{index_page_new_goods.MIN_PRICE_NOW | money_format}</span>
										 {% IF index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_new_goods.MIN_PRICE_NOW %}
										 <p class="price-old">{index_page_new_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
										 {% ELSEIF index_page_new_goods.MIN_PRICE_OLD>index_page_new_goods.MIN_PRICE_NOW %}
										 <p class="price-old">{index_page_new_goods.MIN_PRICE_OLD | money_format}</p>
										 {% ENDIF %}
									 </span>
									 </div>
								 </div>
								 </div>
							 </div>
							 </div>
							 {% ENDFOR %}
							 <div class="pdt-loadmore">
							 <div class="button btn-loadmore showAllGoods">Загрузить все</div>
							 </div>
						 </div>
						 </div>
					 </div>
					 </div>
					 {% ENDIF %}
					 <!-- /END Новинки -->
					 <!-- Хиты продаж -->
					 {% IFNOT index_page_favorites_goods_empty %}
					 <div id="tab-favorites" class="tab-favorites tab-pane fade {% IF index_page_goods_empty && index_page_new_goods_empty %}in active{% ENDIF %}">
					 <div class="respl-items respl-items-selected respl-items-loaded items-category-created_at respl00-4 respl01-4 respl02-3 respl03-3 respl04-1">
						 <div class="respl-items-inner">
						 <div class="products-grid">
							 {% FOR index_page_favorites_goods %}
							 <div class="respl-item item clear-resp" itemscope itemtype="http://schema.org/Product">
							 <div class="item-inner">
								 <div class="product-image">
								 <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}"><div class="bg-hover-grid"></div></a>			
								 <a class="rspl-image" href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}">
									 <img src="{% IF index_page_favorites_goods.IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-small.png?design=orange{% ELSE %}{index_page_favorites_goods.IMAGE_MEDIUM}{% ENDIF %}" class="goods-image-small" alt="{index_page_favorites_goods.NAME}">
								 </a>
								 <div class="product-addto-wrap">
									 <form action="{CART_ADD_GOODS_MODIFICATION_URL | url_amp}" method="post" class="goodsListForm product-form-{index_page_favorites_goods.MIN_PRICE_NOW_ID}">
									 <input type="hidden" name="hash" value="{HASH}" />
									 <input type="hidden" name="form[goods_from]" value="{index_page_favorites_goods.GOODS_FROM}" />
									 <input type="hidden" name="form[goods_mod_id]" value="{index_page_favorites_goods.MIN_PRICE_NOW_ID}" />
										 <!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_favorites_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
										 <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF index_page_favorites_goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
									 <!-- Если есть возможность добавить товар в избранное -->
									 {% IF index_page_favorites_goods.IS_HAS_IN_FAVORITES_LIST %}
										 <a class="add-wishlist added btn-addto"
										 data-action-is-add="0"
										 data-action-add-url="{FAVORITES_ADD_URL}"
										 data-action-delete-url="{FAVORITES_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в избранное"
										 data-action-delete-title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из избранного"
										 title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из избранного"
										 href="{FAVORITES_DELETE_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
									 {% ELSE %}
										 <a class="add-wishlist btn-addto"
										 data-action-is-add="1"
										 data-action-add-url="{FAVORITES_ADD_URL}"
										 data-action-delete-url="{FAVORITES_DELETE_URL}"
										 data-action-add-title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в избранное"
										 data-action-delete-title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из избранного"
										 title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
									 {% ENDIF %}
									 <!-- END Если есть возможность добавить товар в избранное -->
								
									 <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
										 {% IF index_page_favorites_goods.IS_HAS_IN_COMPARE_LIST %}
										 <a class="add-compare added btn-addto"
											 data-action-is-add="0"
											 data-action-add-url="{COMPARE_ADD_URL}"
											 data-action-delete-url="{COMPARE_DELETE_URL}"
											 data-action-add-title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в список сравнения с другими товарами"
											 data-action-delete-title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из списка сравнения с другими товарами"
											 data-prodname="{index_page_favorites_goods.NAME}"
											 data-produrl="{index_page_favorites_goods.URL}"
											 data-id="{index_page_favorites_goods.ID}"
											 data-mod-id="{index_page_favorites_goods.MIN_PRICE_NOW_ID}"
											 title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из списка сравнения с другими товарами"
											 href="{COMPARE_DELETE_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_favorites_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
										 {% ELSE %}
										 <a class="add-compare btn-addto"
											 data-action-is-add="1"
											 data-action-add-url="{COMPARE_ADD_URL}"
											 data-action-delete-url="{COMPARE_DELETE_URL}"
											 data-action-add-title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в список сравнения с другими товарами"
											 data-action-delete-title="Убрать &laquo;{index_page_favorites_goods.NAME}&raquo; из списка сравнения с другими товарами"
											 data-prodname="{index_page_favorites_goods.NAME}"
											 data-produrl="{index_page_favorites_goods.URL}"
											 data-id="{index_page_favorites_goods.ID}"
											 data-mod-id="{index_page_favorites_goods.MIN_PRICE_NOW_ID}"
											 title="Добавить &laquo;{index_page_favorites_goods.NAME}&raquo; в список сравнения с другими товарами"
											 href="{COMPARE_ADD_URL}?id={index_page_favorites_goods.MIN_PRICE_NOW_ID}&amp;from={index_page_favorites_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
										 ></a>
										 {% ENDIF %}
									 {% ENDIF %}
									 <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
									 </form>
								 </div>
								 </div>
								 <div class="product-info">
								 <div class="product-name">
									 <a href="{index_page_favorites_goods.URL_MIN_PRICE_NOW | url_amp}" title="{index_page_favorites_goods.NAME}" itemprop="name">{index_page_favorites_goods.NAME}</a>
									 <meta itemprop="description" content="{% IF index_page_favorites_goods.DESCRIPTION_SHORT %}{index_page_favorites_goods.DESCRIPTION_SHORT}{% ELSE %}Описание отсутствует{% ENDIF %}">
								 </div>
								 <div class="product-price">
									 <div class="price-box" itemprop="offers" itemscope itemtype="http://schema.org/Offer">
									 <span class="regular-price">
										 <span class="price" itemprop="price">{index_page_favorites_goods.MIN_PRICE_NOW | money_format}</span>
										 {% IF index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT>index_page_favorites_goods.MIN_PRICE_NOW %}
										 <p class="price-old">{index_page_favorites_goods.MIN_PRICE_NOW_WITHOUT_DISCOUNT | money_format}</p>
										 {% ELSEIF index_page_favorites_goods.MIN_PRICE_OLD>index_page_favorites_goods.MIN_PRICE_NOW %}
										 <p class="price-old">{index_page_favorites_goods.MIN_PRICE_OLD | money_format}</p>
										 {% ENDIF %}
									 </span>
									 </div>
								 </div>
								 </div>
							 </div>
							 </div>
							 {% ENDFOR %}
							 <div class="pdt-loadmore">
							 <div class="button btn-loadmore showAllGoods">Загрузить все</div>
							 </div>
						 </div>
						 </div>
					 </div>
					 </div>
					 {% ENDIF %}
					 <!-- /END Хиты продаж -->
				 </div>
				 </div>
			 </div>
			 <!-- /END Товары на главной, Хиты продаж, Новинки -->
			 {% ENDIF %}
Спасибо. Толбко теперь поехал текст на главной. Подскажите как это исправить??


#242481 Выровнить

Отправлено от UGIN в 12 Июль 2016 - 11:32 в Главная

Просмотр сообщенияFirefly (12 Июль 2016 - 11:29) писал:

Здравствуйте.
Добавил Вам блок контейнера для основного контента. Проверьте, пожалуйста.
СУпер! спасибо.


#242671 Переделать Главную

Отправлено от UGIN в 15 Июль 2016 - 11:32 в Главная

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

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

  • 2016-07-15_11-00-18.png


#242676 Переделать Главную

Отправлено от UGIN в 15 Июль 2016 - 13:15 в Главная

Просмотр сообщенияUGIN (15 Июль 2016 - 11:32) писал:

Вообщем я усвоил свои ошибки, и хотел бы переделать шапку главной:
  • как можно сделать вложенное меню? и сдвинуть его налево?

  • почту в шапке и кнопку обратный звонок убрать.

  • корзину и поиск тоже тоже наверх,налево убрать.

  • плавующие меню убрать

  • лого с текстом поднять наверх

  • баннер, по бокам а так же сверху и снизу сделать оттступы сделать отступы.

  • над баннером сделать меню, с ссылками на страницы.
Спасибо. очень надеюсь на ваше понимание :D :D :D
И еще, как можно товарную категорию сделать так, что-бы она была вложена в нескольких категориях?


#242865 Переделать Главную

Отправлено от UGIN в 18 Июль 2016 - 12:51 в Главная

Просмотр сообщенияMikDark (15 Июль 2016 - 13:50) писал:

2) В шаблоне HTML Вам нужно удалить код:
<div class="header-top-right contact col-lg-5 col-md-3 col-sm-9 col-xs-12">
	
{% IF SETTINGS_STORE_EMAIL_MAIN %}<span class="contact"><img src="{ASSETS_IMAGES_PATH}email_icon.png" alt="" title="" /><a href="mailto:{SETTINGS_STORE_EMAIL_MAIN}"> {SETTINGS_STORE_EMAIL_MAIN}</a></span>{% ENDIF %}
<!-- {% IF SETTINGS_STORE_PHONE_NUMBER1 %}<span class="contact"><img src="{ASSETS_IMAGES_PATH}PHONE.png" alt="" title="" /> {SETTINGS_STORE_PHONE_COUNTRY_CODE1}({SETTINGS_STORE_PHONE_CITY_CODE1}){SETTINGS_STORE_PHONE_NUMBER1}</span>{% ENDIF %}-->
	 <span class="contact"> <a href="http://{NET_DOMAIN}/callback?only_body=1" class="callback fancybox.ajax" style="font-size: 20px ; background-color:#49BE7C; padding: 7px 7px 7px 7px; border-radius: 80px;"> Обратный звонок</a></span>
	 <!-- <span class="contact"> <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1"><img src="{ASSETS_IMAGES_PATH}PHONE.png" alt="" title="" />Обратный звонок</a></span>-->
</div>

5) В шаблоне HTML Вам нужно найти:
<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px; margin-top: 15px;">

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

<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange" style="text-align:center; margin-bottom: 5px;">

Далее в main.css замените код:
.logo_text p {
line-height: 20px;
margin: 15px;
padding-top: 13px;
}

на

.logo_text p {
line-height: 20px;
margin: 015px;
}

Ответы на остальные вопросы напишем чуть позже, напишите как произведете изменения.
Изменения произвел.
Не понял куда должен этот код вставить: @media(min-width:1200px)


Показал на скрине, что еще можно сделать. Как чуть пониже сдвинуть шапку, а то она обрезанная получается.
  • как можно раскрывающееся меню сделать?
  • Корзину и поиск наверх и влево
  • зеленую полоску вообще убрать
  • баннер ужать со всех сторон
  • как можно над баннером вот такую менюшку по направлениям сделать?

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

  • 2016-07-18_12-42-47.png
  • 2016-07-18_12-50-57.png


#242879 Переделать Главную

Отправлено от UGIN в 18 Июль 2016 - 14:43 в Главная

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

Здравствуйте.
Данный код:

@media (min-width: 1200px)

Вам необходимо просто найти в шаблоне вашего сайта main.css и после него установить вышеуказанный код:

Найдите, пожалуйста, следующий код:

.col-lg-7 {
width: 58.333333333333336%;
}

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

.col-lg-7 {
width: 49.333333%;
}


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

.block_ccs.yt-main-menu {
padding: 0;
}

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

.block_ccs.yt-main-menu {
padding: 0;
display: none;
}



Далее там же найдите, пожалуйста, данный код:

#slider {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1920px;
height: 570px;
overflow: hidden;
z-index: 1;
}

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

#slider {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1520px !important;
height: 500px !important;
overflow: hidden;
z-index: 1;
}
Вот что получилось. :D


#242999 Переделать Главную

Отправлено от UGIN в 19 Июль 2016 - 12:26 в Главная

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

В шаблоне HTML найдите и удалите:
<div class="yt-main-menu col-lg-3 col-md-4 col-xs-10 col-sm-4 header-top" style="background:transparent;right: 0;">
<!-- Корзина и Поиск -->
<div class="header-top-right">
<!-- Поиск -->
<form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
<div class="form-search">
<input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
<div class="header-right-mobile">
<!-- Корзина -->
<div class="block mini-cartpro sm-cartpro cart-header">
<div class="block-title cart-count-block">
{% IF cart_count_empty %}
<span class="empty">Корзина пуста</span>
{% ELSE %}
<span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span>
<span class="empty" style="display:none;">Корзина пуста</span>
{% ENDIF %}
</div>
<!-- Выпадающая корзина-->
<div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
<div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}>
<ul id="cart-sidebar" class="mini-products-list">
{% FOR cart_items %}
<li class="cart-item">
<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
<a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a>
<span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
<span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span>
<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
</li>
{% ENDFOR %}
</ul>
<div class="bottom-action actions">
<a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a>
<a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a>
<div class="summary">
{% FOR cart_sum %}
<span class="subtotal">
<span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
</span>
{% ENDFOR %}
</div>
</div>
</div>
</div>
<!-- /END Выпадающая корзина-->
</div>
<!-- /END Корзина -->
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
<div class="form-search">
<input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
		 </div>


далее найдите:
<div class="top-navbar">
																 <button type="button" class="button-navbar two btn-top-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
																 <span class="text">Меню</span>
																 </button>
								 <div class="navbar-collapse collapse">
									 <ul class="top-navbar-links">
										 {% FOR menu %}
											 {% FOR header %}
												 {% FOR links %}
													 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
												 {% ENDFOR %}
											 {% ENDFOR %}
										 {% ENDFOR %}
									 </ul>
								 </div>
							 </div>

после него разместите:
<div class="header-top-right">
<!-- Поиск -->
<form id="search_mini_form2" action="http://{NET_DOMAIN}/search" method="get">
<div class="form-search">
<input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
<div class="header-right-mobile">
<!-- Корзина -->
<div class="block mini-cartpro sm-cartpro cart-header">
<div class="block-title cart-count-block">
{% IF cart_count_empty %}
<span class="empty">Корзина пуста</span>
{% ELSE %}
<span class="not-empty"><a href="{CART_URL}"><span class="cart-count">{CART_COUNT_TOTAL}</span> товар{CART_COUNT_TOTAL| gen_word_end("","а","ов")}</a></span>
<span class="empty" style="display:none;">Корзина пуста</span>
{% ENDIF %}
</div>
<!-- Выпадающая корзина-->
<div class="block-content dropdown-cart" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
<div class="block-inner" {% IF cart_count_empty %}style="display:none;"{% ENDIF %}>
<ul id="cart-sidebar" class="mini-products-list">
{% FOR cart_items %}
<li class="cart-item">
<a href="{cart_items.GOODS_URL}" title="{cart_items.GOODS_NAME}" class="product-image"><img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=orange{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" alt="{cart_items.GOODS_NAME}" class="goods-image-icon"></a>
<a href="{cart_items.GOODS_URL}" class="product-name">{cart_items.GOODS_NAME}</a>
<span class="price" data-price="{cart_items.GOODS_MOD_PRICE_NOW}">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span>
<span class="title-qty">Количество: <span class="qty-val">{cart_items.ORDER_LINE_QUANTITY}</span></span>
<a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="product-remove"></a>
</li>
{% ENDFOR %}
</ul>
<div class="bottom-action actions">
<a class="button btn-gotocart remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}"></a>
<a class="button btn-checkout" title="Перейти к оформлению заказа" href="{CART_URL}"></a>
<div class="summary">
{% FOR cart_sum %}
<span class="subtotal">
<span class="label-total">Итого:</span> <span class="total-sum">{cart_sum.NOW_WITH_DELIVERY_AND_DISCOUNT | money_format}</span>
</span>
{% ENDFOR %}
</div>
</div>
</div>
</div>
<!-- /END Выпадающая корзина-->
</div>
<!-- /END Корзина -->
<form id="search_mini_form" action="http://{NET_DOMAIN}/search" method="get">
<div class="form-search">
<input id="search" type="text" name="q" value="" class="search-string" placeholder="Поиск по магазину...">
<button type="submit" title="Искать" class="button search-submit"></button>
</div>
</form>
</div>
		 </div>

далее найдите:
<!-- Основное меню -->
						 <div class="header-top-left col-lg-7 col-md-9 col-sm-3 col-xs-12">

замените на:
<!-- Основное меню -->
						 <div class="header-top-left col-lg-6 col-md-9 col-sm-3 col-xs-12">

В main.css найдите:
.header-top .header-top-right {
padding: 0;
padding-top: 15px;
}

замените на:
.header-top .header-top-right {
padding: 0;
float: right;
}

далее найдите:
.header-top .header-top-left .collapse.in {list-style: none;font-size: 13px;background-color: white;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;margin-left:1px;width:310px;}

замените на:
.header-top .header-top-left .collapse.in {margin-top: 50px;list-style: none;font-size: 13px;background-color: white;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 0px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);background-clip: padding-box;margin-left:1px;width:310px;}

далее найдите и удалите:
.header-top .header-top-left .top-navbar .btn-top-navbar {
display: none;
}

далее найдите:
.button-navbar {display:none;position:absolute;margin: 0 0 0 3px;line-height: 100%;font-size: 16px;outline: none;cursor:pointer;background: #1cae5c;border: 1px solid #1cae5c;color:#fff;padding:16px 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;white-space: normal;}

замените на:
.button-navbar {position:absolute;margin: 0 0 0 3px;line-height: 100%;font-size: 16px;outline: none;cursor:pointer;background: #1cae5c;border: 1px solid #1cae5c;color:#fff;padding:16px 20px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;white-space: normal;}

далее найдите:
#slider {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1520px !important;
height: 500px !important;
overflow: hidden;
z-index: 1;
}

замените на:
#slider {
position: relative;
margin: 0 auto;
top: 0px;
left: 0px;
width: 1920px;
height: 570px;
overflow: hidden;
z-index: 1;
}

В main.js найдите:
function ScaleSlider() {
	 var bodyWidth = document.body.clientWidth;
	 if (bodyWidth)
		 jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1920));
	 else
		 window.setTimeout(ScaleSlider, 30);
}

замените на:
function ScaleSlider() {
	 var bodyWidth = document.body.clientWidth;
	 if (bodyWidth)
		 jssor_slider1.$SetScaleWidth(Math.min(bodyWidth, 1024));
	 else
		 window.setTimeout(ScaleSlider, 30);
}


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

  • справа и слева от баннера теперь появились зеленые полосы, можно их сделать прозрачными, так же как корзину и поиск в шапке( их тоже позрачными)

  • у меня отображается шапка слегка обрезанная, можно чуть отступ ее увеличить сверху.

  • поле где сейчас телефон указан, белого цвета, можно поставить такой же цвет как ушапки7

  • и с открывающимся меню я так и не понял, его реально сделать?

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

  • 2016-07-19_11-54-31.png


#243083 Переделать Главную

Отправлено от UGIN в 19 Июль 2016 - 23:23 в Главная

Просмотр сообщенияStasya (19 Июль 2016 - 15:26) писал:

1) найдите строку 
.navbar-collapse.collapse{display:block;height:auto;padding-bottom:0;overflow:visible;}
и замените ее на 
.navbar-collapse.collapse{display:block;height:auto;padding-bottom:0;overflow:visible;right: 180px;}

Вы хотите перенести это меню ниже? или чтобы раскрывающееся меню отображалось над баннером?

2) В файле main.css найдите блок 
/* Фон блоков */
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow {
и замените его на 
/* Фон блоков */
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success {

3) Там же найдите блок 
.header-content .logo {
padding: 5px 0;
margin-top: -78px;
}
и замените его на 
.header-content .logo {
padding: 5px 0;
margin-top: -66px;
}

4) Там же найдите блок 
.header-content {
padding: 0;
background: #ffffff;
}
и замените его на 
.header-content {
padding: 0;
background: #f2f2f2;
}

5) Раскрывающееся меню будет только у каталога ?

Просмотр сообщенияStasya (19 Июль 2016 - 15:26) писал:

1) найдите строку 
.navbar-collapse.collapse{display:block;height:auto;padding-bottom:0;overflow:visible;}
и замените ее на 
.navbar-collapse.collapse{display:block;height:auto;padding-bottom:0;overflow:visible;right: 180px;}

Вы хотите перенести это меню ниже? или чтобы раскрывающееся меню отображалось над баннером?

2) В файле main.css найдите блок 
/* Фон блоков */
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success, #slideshow {
и замените его на 
/* Фон блоков */
#breadcrumbs, #product-next-pre, .container-slider .page-title-slider, #main_left .block-title, .success {

3) Там же найдите блок 
.header-content .logo {
padding: 5px 0;
margin-top: -78px;
}
и замените его на 
.header-content .logo {
padding: 5px 0;
margin-top: -66px;
}

4) Там же найдите блок 
.header-content {
padding: 0;
background: #ffffff;
}
и замените его на 
.header-content {
padding: 0;
background: #f2f2f2;
}

5) Раскрывающееся меню будет только у каталога ?
на скрине рассписал :D :D :D

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

  • 2016-07-19_23-19-52.png


#243111 Переделать Главную

Отправлено от UGIN в 20 Июль 2016 - 09:01 в Главная

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

Инструкция по установке кнопки обратного звонка:
http://forum.storela...-шаблона-весна/

Уточните пожалуйста еще один момент, виды услуг будут с выпадающими списками при наведении или без?
нижнее меню без выподающего списка
только в шапке выпадающий список



  1. Форум владельцев интернет-магазинов
  2. → Публикации UGIN
  3. Privacy Policy