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


Публикации UGIN

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


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

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


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

#218460 Изменение Общей Стилистики

Отправлено от UGIN в 28 Ноябрь 2015 - 21:03 в Изменение общей стилистики

Просмотр сообщенияVaccina (28 Ноябрь 2015 - 02:26) писал:

В main.css найдите:
#header {
position: relative;
z-index: 2;
}

замените на:
#header {
position: relative;
z-index: 2;
margin-bottom: 75px;
}


В конец main.js добавьте:
$(document).ready(function(){
$(window).scroll(function () {	
	 if ($(this).scrollTop() > 128) {
		 $('.block_ccs').css('top', 0);
	 }else{
		 $('.block_ccs').css('top', 'inherit');
	 }
});
});
/*




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


#218516 Изменение Общей Стилистики

Отправлено от UGIN в 29 Ноябрь 2015 - 15:24 в Изменение общей стилистики

Просмотр сообщенияVaccina (28 Ноябрь 2015 - 02:26) писал:

В main.css найдите:
#header {
position: relative;
z-index: 2;
}

замените на:
#header {
position: relative;
z-index: 2;
margin-bottom: 75px;
}


В конец main.js добавьте:
$(document).ready(function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 128) {
$('.block_ccs').css('top', 0);
}else{
$('.block_ccs').css('top', 'inherit');
	 }
});
});
/*




Уточните пожалуйста, где вы ее хотите разместить?
Юля можно тогда немного переиграть?
1) кнопку в шапке оставляем как она есть.( скрин блок1). и при нажатии на кнопку "обратный звонок" появляется меню посреди экрана.(скрин 2)
2) кнопку оставляем в таком виде, только пусть она остается на месте!(как была) и чтоб слайды работали!
Спасибо.

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

  • 2015-11-29 14-50-27 Store-Ip – Yandex.png
  • 2015-11-27 21-12-39 Store-Ip – Yandex.png


#218518 Ошибка Js

Отправлено от UGIN в 29 Ноябрь 2015 - 15:33 в Другие ошибки

ребята извените! появилась ошибка в каталоге не понимаю откуда??7!! спасибо за понимание


#218522 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 29 Ноябрь 2015 - 16:11 в Изменение общей стилистики

Просмотр сообщенияRedHead (15 Ноябрь 2015 - 11:03) писал:

Скорее всего, у Вас в браузере активировано расширение перевода страниц. Зайдите в настройки браузера и отключите перевод. Либо зайдите через другой браузер.
Спасибо большое! а как теперь эти блоки закинуть в шапку (справа от лого)?


#218554 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 29 Ноябрь 2015 - 21:49 в Изменение общей стилистики

Просмотр сообщенияDanil (29 Ноябрь 2015 - 16:18) писал:

В шаблоне html найдите и удалите код
Скрытый текст
Так же найдите
<!-- ТЕКСТ -->
<div class="logo col-lg-9 col-md-10 col-xs-12">
<p>СТРОКА 1</p>
<p>СТРОКА 2</p>
<p>СТРОКА 3</p>
<p>СТРОКА и т.д.</p>
</div>
и замените на
<!-- ТЕКСТ -->
<div class="logo col-lg-9 col-md-10 col-xs-12">
<!-- Баннеры на главной -->
{% IF index_page %}
<div class="yt-bannertop">
<div class="container">
<div class="row">
<div class="banner-top">
<ul>
<li class="li-1 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
<div class="li1-content"><a href="#">Бесплатная доставка!</a>
<p>Доставка по городу и области Бесплатна!</p>
</div>
</li>
<li class="li-2 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
<div class="li2-content"><a href="#">Обслуживание.</a>
<p>Мы предлагаем несколько вариантов обслуживания систем безопасности.</p>
</div>
</li>
<li class="li-3 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
<div class="li3-content"><a href="#">Проектирование.</a>
<p>Подготовка проектной документации!.</p>
</div>
</li>
<li class="li-3 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}montagebgb.png" alt="" title="" /></a>
<div class="li3-content"><a href="#">Монтаж</a>
<p>Монтаж систем безопасности с гарантией!.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
{% ENDIF %}
<!-- /END Баннеры на главной -->
</div>
В конец main.css добавьте
.logo.col-lg-9.col-md-10.col-xs-12 .container {
width: auto;
}
Получилось вот так! а как теперь сдвинуть влево? и может быть немного поиграть с шириной этого блока7
и далее лого на место вернуть, под лого добавить текст?
спасибо огромное!

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

  • 2015-11-29 21-47-17 Store-Ip – Yandex.png


#218599 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 30 Ноябрь 2015 - 11:55 в Изменение общей стилистики

Просмотр сообщенияDanil (30 Ноябрь 2015 - 09:24) писал:

Изменения Вам произвели, проверьте.
Спасибо! может сузить немножко, а то слишком широко по-моему. или пожскажите где помно самому настроить размеры этого блока? если можно, убрать пространство между блоком и слайдом. и ещё один вопрос как текст добавить под лого?


#218610 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 30 Ноябрь 2015 - 12:56 в Изменение общей стилистики

Просмотр сообщенияDanil (30 Ноябрь 2015 - 12:41) писал:

В main.css найдите код
.header-content .logo {
padding: 20px 0;
}
и замените на

.header-content .logo {
padding: 5px 0;
}
найдите 
.yt-bannertop {
background-color: #f3f3f3;
padding: 50px 0 30px;
}
и замените на 
.yt-bannertop {
background-color: #f3f3f3;
padding: 5px 0 5px;
}
В шаблоне html найдите код
<!-- Логотип -->
<div class="logo col-lg-2 col-md-2 col-xs-12">
<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">
</a>
</div>
и замените на

<!-- Логотип -->
<div class="logo col-lg-2 col-md-2 col-xs-12">
<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">
<span>ТУТ ТЕКСТ</span>
</a>
</div>
Спасибо! сейчас буду разбираться!
можно тогда ещё последний вопрос? кнопка "каталог товаров" на данный момент двигается при скролинге. как её можно зафиксировать?


#218633 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 30 Ноябрь 2015 - 16:35 в Изменение общей стилистики

Просмотр сообщенияDanil (30 Ноябрь 2015 - 13:03) писал:

В шаблоне html найдите код
 <div class="block_ccs yt-main-menu col-lg-12 col-md-12 col-xs-12" style="position:fixed;background: #1cae5c;height: 77px;">
и замените на
 <div class="block_ccs yt-main-menu col-lg-12 col-md-12 col-xs-12" style="background: #1cae5c;height: 77px;">
1) как сделать чтобы текст под лого начинался?
2) сдвинуть вправо блок, так что-бы убрать это пространство?
3)кнопка каталог товаров закреплена, теперь кнопки корзины и поиск тоже на месте закрепить бы.
Спасибо огромное!


#218664 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 30 Ноябрь 2015 - 20:09 в Изменение общей стилистики

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

Если имеется ввиду блок с лого и текстом, то в конце man.css добавьте код:

.logo.col-lg-2.col-md-2.col-xs-12 a { position: absolute;left: 27px;}
как можно сдвинуть вправо блок с выгодами? до упора.
и ещё, как можно принажатии на кнопку в шапке "обратный звонок" чтоб появлялась форма как на втором скрине? спасибо!!!

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

  • 2015-11-30 20-05-42 Store-Ip – Yandex.png
  • 2015-11-27 21-12-39 Store-Ip – Yandex.png


#218760 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 01 Декабрь 2015 - 13:21 в Изменение общей стилистики

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

Если имеется ввиду блок с лого и текстом, то в конце man.css добавьте код:

.logo.col-lg-2.col-md-2.col-xs-12 a { position: absolute;left: 27px;}
рябята а как эти блоки влепить на все страницы? а то они только на главной! спасибо


#218782 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 01 Декабрь 2015 - 15:53 в Изменение общей стилистики

Просмотр сообщенияRedHead (01 Декабрь 2015 - 15:29) писал:

Здравствуйте! Перед внесением изменений, создайте бэкап.

1) В шаблоне html найдите блок кода
<!-- Основная часть шапки -->
<div class="header-content">
<div class="container">
<div class="row">
<!-- Логотип -->
<!-- Логотип -->
<div class="logo col-lg-2 col-md-2 col-xs-12">
<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">
<span> Инновационная безопасность – системы умный дом, контроль доступа, ip домофония.</span>
</a>
</div>
<!-- ТЕКСТ -->
<div class="logo col-lg-10 col-md-10 col-xs-12">
<!-- Баннеры на главной -->
{% IF index_page %}
<div class="yt-bannertop">
<div class="container">
<div class="row">
<div class="banner-top">
<ul>
<li class="li-1 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
<div class="li1-content"><a href="/page/dostavka">Бесплатная доставка!</a>
<p>Доставка по городу и области Бесплатна!</p>
</div>
</li>
<li class="li-2 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
<div class="li2-content"><a href="page/obslujivanie">Обслуживание</a>
<p>Мы предлагаем несколько вариантов обслуживания систем безопасности.</p>
</div>
</li>
<li class="li-3 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
<div class="li3-content"><a href="page/proyektirovanie">Проектирование</a>
<p>Подготовка проектной документации!.</p>
</div>
</li>
<li class="li-3 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}montagebgb.png" alt="" title="" /></a>
<div class="li3-content"><a href="page/montaje">Монтаж</a>
<p>Монтаж систем безопасности с гарантией!.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
{% ENDIF %}
<!-- /END Баннеры на главной -->
замените на
<!-- Основная часть шапки -->
	 <div class="header-content">
		
		 <div class="row">
			 <!-- Логотип -->
<!-- Логотип -->
<div class="logo col-lg-2 col-md-2 col-xs-12">
<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">
<span> Инновационная безопасность – системы умный дом, контроль доступа, ip домофония.</span>
</a>
</div>
<!-- ТЕКСТ -->
<div class="logo col-lg-10 col-md-10 col-xs-12">
<!-- Баннеры на главной -->
	
	 <div class="yt-bannertop">
		 <div class="container">
		 <div class="row">
			 <div class="banner-top">
	 <ul>
								 <li class="li-1 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a>
									 <div class="li1-content"><a href="/page/dostavka">Бесплатная доставка!</a>
										 <p>Доставка по городу и области Бесплатна!</p>
									 </div>
								 </li>
								 <li class="li-2 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a>
									 <div class="li2-content"><a href="page/obslujivanie">Обслуживание</a>
										 <p>Мы предлагаем несколько вариантов обслуживания систем безопасности.</p>
									 </div>
								 </li>
								 <li class="li-3 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a>
									 <div class="li3-content"><a href="page/proyektirovanie">Проектирование</a>
										 <p>Подготовка проектной документации!.</p>
									 </div>
								 </li>
								 <li class="li-3 col-lg-3 col-md-3 col-sm-3 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}montagebgb.png" alt="" title="" /></a>
									 <div class="li3-content"><a href="page/montaje">Монтаж</a>
										 <p>Монтаж систем безопасности с гарантией!.</p>
									 </div>
								 </li>
							 </ul>
			 </div>
		 </div>
		
	 </div>
	
	 <!-- /END Баннеры на главной -->

Затем в шаблоне main.css найдите строку
.header-content {padding: 0;background: #fff;}
и измените на
.header-content {padding: 0;background: #fff;padding-left: 40px;padding-right: 40px;}

2) Чтобы изменить форму обратного звонка, в конец шаблона html, перед
</body>
вставьте код:
<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 250,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>

Далее в шаблоне Обратный звонок найдите строку
<table class="form">
замените ее на
<table class="form" style="Display:none">

После строки
{ANTISPAM_CODE}
вставьте
<div class="callback-form">
<div>
<label for="callback_person" class="required">Представьтесь, пожалуйста<em>*</em></label>
<input id="callback_person" type="text" name="form[db56e96f2bd20a276bc8830a60ca4ad5]" value="" maxlength="50" class="required inputText">
</div>
<div>
<label for="callback_phone" class="required">Телефон<em>*</em></label>
<input id="callback_phone" type="text" name="form[450dac26c396b7e1f67b4257cc943cde]" value="" maxlength="255" class="required inputText">
</div>
</div>

В этом же шаблоне удалите строки
<a href="http://{NET_DOMAIN}/" class="button">Перейти на главную</a>
		 <br>

Далее конец шаблона main.css  вставьте
.callback-form {float: left;width: 100%;}
.callback-form div {float: left;width: 100%;margin-bottom: 10px;}
.callback-form div label {width: 300px;display: block;float: left;line-height: 35px;font-size: 14px;}
.callback-form div input {margin: 0;}
.callback-form textarea {max-width: 260px;}
Cделал все как сказали, но к сожалению результат не очень.


#218789 Изменить Строку С Выгодами(Доставка, Гарантия, Прием Звонков 24\7)

Отправлено от UGIN в 01 Декабрь 2015 - 16:46 в Изменение общей стилистики

Просмотр сообщенияRedHead (01 Декабрь 2015 - 16:36) писал:

В шаблоне html удалите, пожалуйста, строки (начинаются на 108 строке)
<!-- Логотип -->
<div class="logo col-lg-2 col-md-2 col-xs-12">
<a title="{SETTINGS_STORE_NAME}" href="http://{NET_DOMAIN}/">
<img alt="{SETTINGS_STORE_NAME}" src="{ASSETS_IMAGES_PATH}logo.png?design=orange">
<span> <br>Инновационная безопасность – системы умный дом, контроль доступа, ip домофония.</span>
</a>
</div>

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


#219220 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 04 Декабрь 2015 - 21:55 в Изменение общей стилистики

Просмотр сообщенияRedHead (15 Ноябрь 2015 - 12:17) писал:

Найдите в шаблоне html строку
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12">
и замените на
<div class="yt-main-menu col-lg-12 col-md-12 col-xs-12" style="padding-top: 15px;">
добрый вечер! а как можно подогнать сайт под мобильную версию? кнопка каталог огромная, на нее заезжает корзина и поиск. а в шапке сайта, логотип заезжает на на кнопки обратный звонок и т.д.


#219337 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 05 Декабрь 2015 - 23:08 в Изменение общей стилистики

 Vaccina (05 Декабрь 2015 - 07:10) писал:

В main.css найдите:
a.catalogshapka {
font-size: 15px;
color: #000000;
border: 2px solid #ffffff;
padding: 15px 80px;
background: #ffffff;
display: block;
text-align: center;
border-radius: 40px;
margin: 0 auto;
width: 700px;
-moz-box-shadow: 0 0 20px #fff;
-webkit-box-shadow: 0 0 20px #fff;
box-shadow: 0 0 20px #fff;}
a.catalogshapka:hover {
color: #000000;
background: #ffffff;
}
span.contact img{width: 20px;margin-right: 6px;}
.logo.col-lg-2.col-md-2.col-xs-12 a span {
	 display: block;
}
.callback-form {float: left;width: 100%;}
.callback-form div {float: left;width: 100%;margin-bottom: 10px;}
.callback-form div label {width: 300px;display: block;float: left;line-height: 35px;font-size: 14px;}
.callback-form div input {margin: 0;}
.callback-form textarea {max-width: 260px;}

перенесите его, поставив перед:
/**********************************************************/
/**********************************************************/
/**********************************************************/
.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.container:before,.container:after{display:table;content:" "}
.container:after{clear:both}
.container:before,.container:after{display:table;content:" "}
.container:after{clear:both}
.row{margin-right:-15px;margin-left:-15px}
.row:before,.row:after{display:table;content:" "}
.row:after{clear:both}
.row:before,.row:after{display:table;content:" "}
.row:after{clear:both}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {float:left}
.col-xs-12{width:100%}
.col-xs-11{width:91.66666666666666%}
.col-xs-10{width:83.33333333333334%}
.col-xs-9{width:75%}
.col-xs-8{width:66.66666666666666%}
.col-xs-7{width:58.333333333333336%}
.col-xs-6{width:50%}
.col-xs-5{width:41.66666666666667%}
.col-xs-4{width:33.33333333333333%}
.col-xs-3{width:25%}
.col-xs-2{width:16.666666666666664%}
.col-xs-1{width:8.333333333333332%}

Далее найдите:
@media all and (max-width: 330px) {

после него пропишите:
.header-top .header-top-right.contact {
width: 70%;
padding: 0;
}
.header-top .header-top-right.contact span {
padding-top: 8px !important;
margin-left: 4px;
display: inline-block;
}
.header-top .header-top-right.contact span img {
margin-right: 0;
width: 13px;
}
.header-top .header-top-right.contact span:last-child img {
margin-right: 3px;
}
.header-content .logo img {
margin-left: 0 !important;
height: 70px;
}
.yt-bannertop .banner-top {
margin-top: 0;
}
.yt-bannertop .banner-top ul li {
width: 50%;
}
.yt-bannertop .banner-top ul li a.banner-top-img {
margin: 0;
}
.yt-bannertop .banner-top ul li div a {
font-size: 14px;
}
.yt-bannertop .banner-top ul li a.banner-top-img img {
height: 50px;
}
.header-bottom {
display: none;
}
.block_ccs.yt-main-menu.col-lg-12.col-md-12.col-xs-12 {
height: auto !important;
}
.yt-main-menu.col-lg-9.col-md-9.col-xs-9 {
width: 100%;
clear: both !important;
padding-bottom: 20px;
}
.catalogshapka {
width: 100%;
font-size: 14px !important;
padding: 10px !important;
}
.yt-main-menu.header-top {
position: relative !important;
width: 100% !important;
float: none !important;
clear: both;
padding-top: 10px !important;
}
#header .header-top-right .header-right-mobile {
position: relative;
clear: both;
}
.yt-main-menu .header-top .header-top-right {
padding: 0px;
margin-top: -10px;
}
.header-top .header-top-right #search_mini_form2 {
float: none;
clear: both;
position: relative;
width: 100%;
border: none;
background: none;
}
.header-top .header-top-right #search_mini_form2 .form-search {
position: relative;
float: right;
width: 100%;
text-align: right;
}
.header-top .header-top-right #search_mini_form2 .form-search #search {
position: relative;
right: 0px;
display: inline-block;
}
.header-top .header-top-right #search_mini_form2 .form-search .button {
float: none !important;
display: inline-block;
border: 1px solid #fff;
height: 38px;
vertical-align: middle;
background-position: center center;
}


Если сделано будет все правильно, то получится следующий результат:
123.jpg
на мобильном получилось наполовину :wacko:  кнопка "каталог" не урезалась.
а если в браузере смотреть то получается как на скрине

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

  • 2015-12-05 23-07-29 Store-Ip - системы умный дом, контроль доступа, ip домофония. – Yandex.png


#220394 Новости

Отправлено от UGIN в 15 Декабрь 2015 - 15:19 в Главная

Подскажите пожалуйста как можно реализовать на главной такой вид новостей?

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

  • 2015-12-15 15-14-21 FIGHT FIT GEARS - экипировка для Единоборств и Силовых видов спорта – Yandex.png


#220599 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 17 Декабрь 2015 - 13:37 в Изменение общей стилистики

 UGIN (05 Декабрь 2015 - 23:08) писал:

на мобильном получилось наполовину :wacko:  кнопка "каталог" не урезалась.
а если в браузере смотреть то получается как на скрине

Добрый день. подскажите пожалуйста. как добавить карусель на слайды?

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

  • 2015-12-17 13-33-01 Онлайн консультант для сайта с видео, лучший чат blablateka! blablateka – Yandex.png


#220600 Добавить Категории

Отправлено от UGIN в 17 Декабрь 2015 - 13:41 в Главная

как добавить, вот таких 5 блоков с категориями под слайды? визуально чтоб они выглядели как на скрине. спасибо!

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

  • 2015-12-17 13-38-31 FIGHT – Yandex.png


#220601 Новости

Отправлено от UGIN в 17 Декабрь 2015 - 14:14 в Главная

Просмотр сообщенияDanil (15 Декабрь 2015 - 15:52) писал:

Здравствуйте.
В шаблоне html найдите код
<!-- Все Новости -->
			 <div class="block block-latestblog col-lg-12 col-md-12 col-sm-12 col-xs-12">
			 <h2 class="block-title"><a href="{NEWS_ALL_URL}">Новости</a></h2>
			 <div class="navslider" style="display: block;">
				 <a class="prev" title="Prev" href="#">Prev</a>
				 <a class="next" title="Next" href="#">Next</a>
			 </div>
			 <div class="block-content">
				 <ul class="list-blog owl-carousel owl-theme">
				 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
				 {% FOR news_list_all %}
				 <li class="item">
					 <div class="postTitle">
					 <a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a>
					 </div>
					 <div class="date">
					 <span class="d-month">{news_list_shop.TIME | date("m")}</span>
					 <span class="d-day">{news_list_shop.TIME | date("d")}</span>
					 <span class="d-year">{news_list_shop.TIME | date("Y")}</span>
					 </div>
					 <div class="postContent">
					 <p>{news_list_shop.TEXT_SHORT}</p>
					 </div>
				 </li>
				 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
				 {% FOR news_list_shop %}
				 <li class="item">
					 <div class="postTitle">
					 <a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a>
					 </div>
					 <div class="date">
					 <span class="d-month">{news_list_shop.TIME | date("m")}</span>
					 <span class="d-day">{news_list_shop.TIME | date("d")}</span>
					 <span class="d-year">{news_list_shop.TIME | date("Y")}</span>
					 </div>
					 <div class="postContent">
					 <p>{news_list_shop.TEXT_SHORT}</p>
					 </div>
				 </li>
				 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				 <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
				 {% FOR news_list_articles %}
				 <li class="item">
					 <div class="postTitle">
					 <a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a>
					 </div>
					 <div class="date">
					 <span class="d-month">{news_list_articles.TIME | date("m")}</span>
					 <span class="d-day">{news_list_articles.TIME | date("d")}</span>
					 <span class="d-year">{news_list_articles.TIME | date("Y")}</span>
					 </div>
					 <div class="postContent">
					 <p>{news_list_articles.TEXT_SHORT}</p>
					 </div>
				 </li>
				 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
				 <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
				 {% FOR news_list_mass_media %}
				 <li class="item">
					 <div class="postTitle">
					 <a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a>
					 </div>
					 <div class="date">
					 <span class="d-month">{news_list_mass_media.TIME | date("m")}</span>
					 <span class="d-day">{news_list_mass_media.TIME | date("d")}</span>
					 <span class="d-year">{news_list_mass_media.TIME | date("Y")}</span>
					 </div>
					 <div class="postContent">
					 <p>{news_list_mass_media.TEXT_SHORT}</p>
					 </div>
				 </li>
				 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
				 </ul>
			 </div>
			 </div>
			 <!-- /END Все Новости -->
и замените на
<!-- Все Новости -->
			 <div class="block block-latestblog col-lg-12 col-md-12 col-sm-12 col-xs-12">
			 <h2 class="block-title"><a href="{NEWS_ALL_URL}">Новости</a></h2>
			 <div class="navslider" style="display: block;">
				 <a class="prev" title="Prev" href="#">Prev</a>
				 <a class="next" title="Next" href="#">Next</a>
			 </div>
			 <div class="block-content">
				 <ul class="list-blog owl-carousel owl-theme">
				 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
				 {% FOR news_list_all %}
				 <li class="item">
<div class="fotoNovosti"></div>
					 <div class="postTitle">
					 <a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a>
					 </div>
					 <div class="date">
					 <span class="d-month">{news_list_shop.TIME | date("m")}</span>
					 <span class="d-day">{news_list_shop.TIME | date("d")}</span>
					 <span class="d-year">{news_list_shop.TIME | date("Y")}</span>
					 </div>
					 <div class="postContent">
					 <p>{news_list_shop.TEXT_SHORT | htmlspecialcharsdecode}</p>
					 </div>
				 </li>
				 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
				 {% FOR news_list_shop %}
				 <li class="item">
<div class="fotoNovosti"></div>
					 <div class="postTitle">
					 <a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a>
					 </div>
					 <div class="date">
					 <span class="d-month">{news_list_shop.TIME | date("m")}</span>
					 <span class="d-day">{news_list_shop.TIME | date("d")}</span>
					 <span class="d-year">{news_list_shop.TIME | date("Y")}</span>
					 </div>
					 <div class="postContent">
					 <p>{news_list_shop.TEXT_SHORT | htmlspecialcharsdecode}</p>
					 </div>
				 </li>
				 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				 <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
				 {% FOR news_list_articles %}
				 <li class="item">
<div class="fotoNovosti"></div>
					 <div class="postTitle">
					 <a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a>
					 </div>
					 <div class="date">
					 <span class="d-month">{news_list_articles.TIME | date("m")}</span>
					 <span class="d-day">{news_list_articles.TIME | date("d")}</span>
					 <span class="d-year">{news_list_articles.TIME | date("Y")}</span>
					 </div>
					 <div class="postContent">
					 <p>{news_list_articles.TEXT_SHORT | htmlspecialcharsdecode}</p>
					 </div>
				 </li>
				 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
				 <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
				 {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
				 {% FOR news_list_mass_media %}
				 <li class="item">
<div class="fotoNovosti"></div>
					 <div class="postTitle">
					 <a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a>
					 </div>
					 <div class="date">
					 <span class="d-month">{news_list_mass_media.TIME | date("m")}</span>
					 <span class="d-day">{news_list_mass_media.TIME | date("d")}</span>
					 <span class="d-year">{news_list_mass_media.TIME | date("Y")}</span>
					 </div>
					 <div class="postContent">
					 <p>{news_list_mass_media.TEXT_SHORT | htmlspecialcharsdecode}</p>
					 </div>
				 </li>
				 {% ENDFOR %}
				 {% ENDIF %}
				 <!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
				 </ul>
			 </div>
			 </div>
			 <!-- /END Все Новости -->
В конец main.css добавьте
.fotoNovosti {width: 100px;height: 100px;float: left;}
.fotoNovostiImg {width: 100px;height: 100px;position:absolute;top:0px;}
width - ширина изображения(значение должно быть одинаковым в обоих строчках)
height - высота изображения(значение должно быть одинаковым в обоих строчках)
После указанных изменений добавляйте код изображения строго в начало краткого описания новости/статьи и при этом используя структуру:
<img src="ССЫЛКА НА ИЗОБРАЖЕНИЕ" class="fotoNovostiImg">
попытались 3 раза! ничего не получилось. подскажите пожалуйста как исправить?


#220604 Добавить Категории

Отправлено от UGIN в 17 Декабрь 2015 - 14:36 в Главная

 RedHead (17 Декабрь 2015 - 14:15) писал:

Здравствуйте! Уточните, пожалуйста, какие блоки Вы хотите выводить  в указанном месте?
Это будут кликабельные картинки, или товарные категории? Они будут отображаться только на главной, или на всех страницах сайта?
Отображаться только на главной. это должны быть кликабельные картинки. Спасибо.


#220654 Новости

Отправлено от UGIN в 17 Декабрь 2015 - 21:36 в Главная

Просмотр сообщенияЮля123 (17 Декабрь 2015 - 17:42) писал:

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

<!-- Все Новости -->
						 <div class="block block-latestblog col-lg-12 col-md-12 col-sm-12 col-xs-12">
						 <h2 class="block-title"><a href="{NEWS_ALL_URL}">Новости</a></h2>
						 <div class="navslider" style="display: block;">
								 <a class="prev" title="Prev" href="#">Prev</a>
								 <a class="next" title="Next" href="#">Next</a>
						 </div>
						 <div class="block-content">
								 <ul class="list-blog owl-carousel owl-theme">
								 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
								 {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
								 {% FOR news_list_all %}
								 <li class="item">
<div class="fotoNovosti"></div>
										 <div class="postTitle">
										 <a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a>
										 </div>
										 <div class="date">
										 <span class="d-month">{news_list_shop.TIME | date("m")}</span>
										 <span class="d-day">{news_list_shop.TIME | date("d")}</span>
										 <span class="d-year">{news_list_shop.TIME | date("Y")}</span>
										 </div>
										 <div class="postContent">
										 <p>{news_list_shop.TEXT_SHORT | htmlspecialcharsdecode}</p>
										 </div>
								 </li>
								 {% ENDFOR %}
								 {% ENDIF %}
								 <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
								 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
								 {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
								 {% FOR news_list_shop %}
								 <li class="item">
<div class="fotoNovosti"></div>
										 <div class="postTitle">
										 <a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a>
										 </div>
										 <div class="date">
										 <span class="d-month">{news_list_shop.TIME | date("m")}</span>
										 <span class="d-day">{news_list_shop.TIME | date("d")}</span>
										 <span class="d-year">{news_list_shop.TIME | date("Y")}</span>
										 </div>
										 <div class="postContent">
										 <p>{news_list_shop.TEXT_SHORT | htmlspecialcharsdecode}</p>
										 </div>
								 </li>
								 {% ENDFOR %}
								 {% ENDIF %}
								 <!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
								 <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
								 {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
								 {% FOR news_list_articles %}
								 <li class="item">
<div class="fotoNovosti"></div>
										 <div class="postTitle">
										 <a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a>
										 </div>
										 <div class="date">
										 <span class="d-month">{news_list_articles.TIME | date("m")}</span>
										 <span class="d-day">{news_list_articles.TIME | date("d")}</span>
										 <span class="d-year">{news_list_articles.TIME | date("Y")}</span>
										 </div>
										 <div class="postContent">
										 <p>{news_list_articles.TEXT_SHORT | htmlspecialcharsdecode}</p>
										 </div>
								 </li>
								 {% ENDFOR %}
								 {% ENDIF %}
								 <!-- /Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
								 <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
								 {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
								 {% FOR news_list_mass_media %}
								 <li class="item">
<div class="fotoNovosti"></div>
										 <div class="postTitle">
										 <a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a>
										 </div>
										 <div class="date">
										 <span class="d-month">{news_list_mass_media.TIME | date("m")}</span>
										 <span class="d-day">{news_list_mass_media.TIME | date("d")}</span>
										 <span class="d-year">{news_list_mass_media.TIME | date("Y")}</span>
										 </div>
										 <div class="postContent">
										 <p>{news_list_mass_media.TEXT_SHORT | htmlspecialcharsdecode}</p>
										 </div>
								 </li>
								 {% ENDFOR %}
								 {% ENDIF %}
								 <!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
								 </ul>
						 </div>
						 </div>
						 <!-- /END Все Новости -->


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

			 <!-- Все Новости -->
			 <div class="block block-latestblog col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h2 class="block-title"><a href="{NEWS_ALL_URL}">Новости</a></h2>
<div class="navslider" style="display: block;">
<a class="prev" title="Prev" href="#">Prev</a>
<a class="next" title="Next" href="#">Next</a>
</div>
<div class="block-content">
<ul class="list-blog owl-carousel owl-theme">
<!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
{% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
{% FOR news_list_all %}
<li class="item">
<div class="fotoNovosti"></div>
<div class="postTitle">
<a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;" {% IF news_list_all.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_all.TITLE}</a>
</div>
<div class="date">
<span class="d-month">{news_list_shop.TIME | date("m")}</span>
<span class="d-day">{news_list_shop.TIME | date("d")}</span>
<span class="d-year">{news_list_shop.TIME | date("Y")}</span>
</div>
<div class="postContent">
<p>{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}</p>
</div>
</li>
{% ENDFOR %}
{% ENDIF %}
<!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
{% FOR news_list_shop %}
<li class="item">
<div class="fotoNovosti"></div>
<div class="postTitle">
<a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;" {% IF news_list_shop.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_shop.TITLE}</a>
</div>
<div class="date">
<span class="d-month">{news_list_shop.TIME | date("m")}</span>
<span class="d-day">{news_list_shop.TIME | date("d")}</span>
<span class="d-year">{news_list_shop.TIME | date("Y")}</span>
</div>
<div class="postContent">
<p>{news_list_shop.TEXT_SHORT | htmlspecialchars_decode}</p>
</div>
</li>
{% ENDFOR %}
{% ENDIF %}
<!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
<!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
{% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
{% FOR news_list_articles %}
<li class="item">
<div class="fotoNovosti"></div>
<div class="postTitle">
<a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;" {% IF news_list_articles.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_articles.TITLE}</a>
</div>
<div class="date">
<span class="d-month">{news_list_articles.TIME | date("m")}</span>
<span class="d-day">{news_list_articles.TIME | date("d")}</span>
<span class="d-year">{news_list_articles.TIME | date("Y")}</span>
</div>
<div class="postContent">
<p>{news_list_articles.TEXT_SHORT | htmlspecialchars_decode}</p>
</div>
</li>
{% ENDFOR %}
{% ENDIF %}
<!-- /Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
<!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
{% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
{% FOR news_list_mass_media %}
<li class="item">
<div class="fotoNovosti"></div>
<div class="postTitle">
<a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;" {% IF news_list_mass_media.ID = NEWS_ID %}class="selected"{%ENDIF%}>{news_list_mass_media.TITLE}</a>
</div>
<div class="date">
<span class="d-month">{news_list_mass_media.TIME | date("m")}</span>
<span class="d-day">{news_list_mass_media.TIME | date("d")}</span>
<span class="d-year">{news_list_mass_media.TIME | date("Y")}</span>
</div>
<div class="postContent">
<p>{news_list_mass_media.TEXT_SHORT | htmlspecialchars_decode}</p>
</div>
</li>
{% ENDFOR %}
{% ENDIF %}
<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
</ul>
</div>
</div>
<!-- /END Все Новости -->
Добавил три новости, получилось то что получилось. К сожалению не то. Как бы подогнать так, как на скрине в первом сообщении?


#220658 Добавить Категории

Отправлено от UGIN в 17 Декабрь 2015 - 23:08 в Главная

 RedHead (17 Декабрь 2015 - 16:03) писал:

Подготовьте изображения необходимого размера. Сумма длин первых двух картинок должны быть равны сумме длин трех нижних картинок.
Загрузите их в разделе Сайт --> Редактор шаблонов --> Добавить файлы.

В шаблоне html после строки
<!-- /END Хлебные крошки -->
вставьте:
<!-- Картинки на главной -->
	 {% IF index_page %}
	 <br>
		 <div class="header-image">
		 <div class="header-content-left col-md-6 col-sm-6 col-xs-12"><a href="ссылка на страницу"><img src="ссылка на картинку" alt="" title="" / ></a></div>
		 <div class="header-content-right col-md-6 col-sm-6 col-xs-12"><a href="ссылка на страницу"><img src="ссылка на картинку" alt="" title="" / ></a></div>
		 </div>
		 <div class="header-image">
		 <div class="header-content-left col-md-4 col-sm-4 col-xs-12"><a href="ссылка на страницу"><img src="ссылка на картинку" alt="" title="" / ></a></div>
		 <div class="header-content-left col-md-4 col-sm-4 col-xs-12"><a href="ссылка на страницу"><img src="ссылка на картинку" alt="" title="" / ></div>
		 <div class="header-content-right col-md-4 col-sm-4 col-xs-12"><a href="ссылка на страницу"><img src="ссылка на картинку" alt="" title="" / ></a></div>
		 </div>
	 {% ENDIF %}
	 <!-- /END Картинки на главной -->
Проставьте все необходимые ссылки. Дальнейшие инструкции по стилям необходимо смотреть на основании загруженных картинок. Напишите, пожалуйста, когда выполните этот шаг.
Добавил. правда пока только две картинки, ниже будут 3 картинки, но уже с категориями. теперь бы допилить как на скрине.


#220702 Новости

Отправлено от UGIN в 18 Декабрь 2015 - 11:36 в Главная

Просмотр сообщенияVaccina (18 Декабрь 2015 - 04:59) писал:

В main.css найдите:
.fotoNovostiImg {
width: 270px;
height: 2070px;
position: absolute;
top: 0px;
}

замените на:
.fotoNovostiImg {
width: 270px;
height: 207px;
position: absolute;
top: 0px;
left: 0px;
}

далее найдите:
.block-latestblog .block-content ul.list-blog li.item .postTitle {
margin: 0px 0px 3px;
border: medium none;
font-weight: bold;
font-family: "Open Sans Condensed",sans-serif;
font-size: 133%;
}

замените на:
.block-latestblog .block-content ul.list-blog li.item .postTitle {
margin: 0px 0px 3px;
border: medium none;
font-weight: bold;
font-family: "Open Sans Condensed",sans-serif;
font-size: 133%;
float: right;
width: 90px;
}
все сделал, и к сожалению она как то некорректно работает :)


#220703 Кнопка Каталог, Текст В Шапке Шаблона

Отправлено от UGIN в 18 Декабрь 2015 - 12:00 в Изменение общей стилистики

 Vaccina (18 Декабрь 2015 - 05:53) писал:

В шаблоне HTML перед:
</div>
	 {% ENDIF %}
	 <!-- /END Слайдер на главной -->

вставьте:
<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 class="av" data-u="prototype" style="width: 16px; height: 16px; position: absolute; left: 0px; top: 0px;"></div>
<div class="" data-u="prototype" style="width: 16px; height: 16px; position: absolute; left: 26px; top: 0px;"></div>
<div class="" data-u="prototype" style="width: 16px; height: 16px; position: absolute; left: 52px; top: 0px;"></div>
<div class="" data-u="prototype" style="width: 16px; height: 16px; position: absolute; left: 78px; top: 0px;"></div>
<div class="" data-u="prototype" style="width: 16px; height: 16px; position: absolute; left: 104px; top: 0px;"></div>
</div>

В конец main.css вставьте:
.jssorb05 {
		 position: absolute;
	 }
	 .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
		 position: absolute;
		 /* size of bullet elment */
		 width: 16px;
		 height: 16px;
		 background: url('{ASSETS_IMAGES_PATH}b05.png') no-repeat;
		 overflow: hidden;
		 cursor: pointer;
	 }
	 .jssorb05 div { background-position: -7px -7px; }
	 .jssorb05 div:hover, .jssorb05 .av:hover { background-position: -37px -7px; }
	 .jssorb05 .av { background-position: -67px -7px; }
	 .jssorb05 .dn, .jssorb05 .dn:hover { background-position: -97px -7px; }
	
	 .jssora22l, .jssora22r {
		 display: block;
		 position: absolute;
		 /* size of arrow element */
		 width: 40px;
		 height: 58px;
		 cursor: pointer;
		 background: url('{ASSETS_IMAGES_PATH}b05.png') center center no-repeat;
		 overflow: hidden;
	 }
	 .jssora22l { background-position: -10px -31px; }
	 .jssora22r { background-position: -70px -31px; }
	 .jssora22l:hover { background-position: -130px -31px; }
	 .jssora22r:hover { background-position: -190px -31px; }
	 .jssora22l.jssora22ldn { background-position: -250px -31px; }
	 .jssora22r.jssora22rdn { background-position: -310px -31px; }

В Редактор шаблонов загрузите:
b05.png
всё сделал, карусель появилась и не работает :)


#220722 Добавить Категории

Отправлено от UGIN в 18 Декабрь 2015 - 13:01 в Главная

 Vaccina (18 Декабрь 2015 - 01:53) писал:

Добавьте пожалуйста все 5, чтобы выровнять их относительно друг друга.
фото залил, 2 верхние работают, и как 3 нижнии сделать ссылками на категории?


#220845 Новости

Отправлено от UGIN в 19 Декабрь 2015 - 13:06 в Главная

Просмотр сообщенияVaccina (19 Декабрь 2015 - 01:41) писал:

В main.css найдите:
.fotoNovosti {width: 270px;height: 207px;float: left;}
.fotoNovostiImg {
	 width: 270px;
	 height: 207px;
	 position: absolute;
	 top: 0px;
	 left: 0px;
}

замените на:
.fotoNovosti {
height: 207px;
float: left;
width: 50%;
}
.fotoNovostiImg {
height: auto;
position: absolute;
top: 0px;
left: 0px;
width: 50%;
}

далее найдите:
.block-latestblog .block-content ul.list-blog li.item .postTitle {
	 margin: 0px 0px 3px;
	 border: medium none;
	 font-weight: bold;
	 font-family: "Open Sans Condensed",sans-serif;
	 font-size: 133%;
	 float: right;
	 width: 90px;
}
.block-latestblog .block-content ul.list-blog li.item .date {font-family: 'Verdana', sans-serif;font-size:100%;font-style: italic;margin: 7px 0;}
.block-latestblog .block-content ul.list-blog li.item .postContent p {font-family: 'Verdana', sans-serif;font-size:117%;}

замените на:
.block-latestblog .block-content ul.list-blog li.item .postTitle {
margin: 0px 0px 3px;
border: medium none;
font-weight: bold;
font-family: "Open Sans Condensed",sans-serif;
font-size: 133%;
float: right;
width: 50%;
text-align: right;
}
.block-latestblog .block-content ul.list-blog li.item .date {
font-family: "Verdana",sans-serif;
font-size: 100%;
font-style: italic;
margin: 7px 0px;
float: right;
width: 50%;
text-align: right;
}
.postContent {
float: right;
text-align: right;
width: 50%;
}

результат:
Прикрепленный файл 123.jpg
получилось! а как подогнать, как на скрине?

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

  • 2015-12-15 15-14-21 FIGHT FIT GEARS - экипировка для Единоборств и Силовых видов спорта – Yandex.png



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