Публикации UGIN

#226028 Тест

Отправлено от UGIN в 08 Февраль 2016 - 13:34 в Магазины

Петр Лях (07 Февраль 2016 - 13:10) писал:

1. Контакты в шапке сайта очень маленькие - увеличьте шрифт раза в 2, а пункты бесплатная доставка, обслуживание, наоборот уменьшите на треть
2. Рядом с обратным звонком в шапке сайта у вас почему то значок письма - нужно сменить
3. Люди привыкли видеть блок "Контакты" справа вверху сайта, а не слева - разместите этот пункт верхнего горизонтального меню там

1) как только увеличиваем контакты в шапке, то данные не влезают по ширине((((
2)значок сменили, спасибо.
3) не совсем понял куда нужно сдвинуть данный блок??

#225476 Тест

Отправлено от UGIN в 03 Февраль 2016 - 11:37 в Магазины

Ребята, посмотрите пожалуйста ИМ, а то у меня творческий затуп...............
http://store-ip.ru/
буду очень признателен, за критику.

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

Отправлено от UGIN в 17 Август 2016 - 14:09 в Главная

Stasya (25 Июль 2016 - 14:15) писал:

Вам необходимо сначала добавить все пункты в меню, которое будет основным. Затем написать списком Ваше меню, чтобы модераторы могли просто связать пункт меню и его подменю. Напишите, в любом текстовом редакторе на своем компьютере и пришлите файл нам. Так же Вам необходимо создать страницы (в случае если меню не относится к каталогу) в разделе Сайт-> Страницы и в данном файле, укажите какой пункт меню и куда будет ссылаться. Если это пункты каталога, то Вам необходимо указать либо категорию либо товар. Это для того чтобы мы могли сразу прислать Вам рабочую версию Вашего меню.
Пример списка меню
Пункт 1
Подпукнт 1.1 (ссылка на страницу)
Подпукнт 1.2 (ссылка на страницу)
Подпукнт 1.3 (ссылка на страницу)

Пункт 2
Подпункт 2.1(ссылка на страницу)
Подпукнт 2.2(ссылка на страницу)
Подпукнт 2.3(ссылка на страницу)

Пункт 3

вот в таком виде, страницы создадим позже. Спасибо

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

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

Отправлено от UGIN в 14 Август 2016 - 21:36 в Главная

Vaccina (13 Август 2016 - 00:55) писал:

Опишите пожалуйста подробнее, что именно необходимо в данных блоках изменить, по шрифту, в main.css найдите:

.header-top .mini-cartpro {
position: relative;
}

после него пропишите:

.header-top .mini-cartpro .empty {
font-size: 115%;
}

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

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

Отправлено от UGIN в 24 Август 2016 - 10:46 в Главная

Vaccina (24 Август 2016 - 03:34) писал:

В шаблоне HTML найдите и удалите:

<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>
			 </div>
						 <!-- /END Баннеры на главной -->
</div>
				 </div>
				 </div>
		 </div>

В main.css найдите:

.products-grid .item {
overflow: hidden;
margin-bottom: 30px;
height: 380px;
}

замените на:

.products-grid .item {
overflow: hidden;
margin-bottom: 30px;
height: 380px;
width: 33.3%;
}

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

#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)

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

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

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

#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;
}

Вот что получилось.

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

Отправлено от UGIN в 16 Август 2016 - 09:51 в Главная

Vaccina (16 Август 2016 - 00:35) писал:

Попробуйте следующее, в main.js найдите:

// Добавление товара в корзину через ajax
$('.goodsDataForm, .goodsToCartFromCompareForm, .goodsListForm, .goodsListItemCatalogueAddToCartButton').submit(function() {

// Выносим функции из шаблонов
if ($(this).attr('rel') === 'quick') {
	 quickorder(this);
	 return (false);
}

// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(this).get(0));

замените на:

// Добавление товара в корзину через ajax
$('.goodsDataForm .add-cart, .goodsToCartFromCompareForm .add-cart, .goodsListForm .add-cart, .goodsListItemCatalogueAddToCartButton .add-cart').submit(function() {

// Выносим функции из шаблонов
if ($(this).attr('rel') === 'quick') {
	 quickorder(this);
	 return (false);
}

// Находим форму, которую отправляем на сервер, для добавления товара в корзину
var formBlock = $($(this).closest('form').get(0));

Уточните пожалуйста, какие последние изменения вы производили на сайте, в особенностях с файлом main.js?

Да вроде ничего в этом файле не делалось, последнии изменени которые внесенны, находятся в этой теме.
не помогло(((

#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
и с открывающимся меню я так и не понял, его реально сделать?

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

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

Отправлено от UGIN в 23 Август 2016 - 16:01 в Главная

UGIN (22 Август 2016 - 13:10) писал:

Добрый день. Просьба помочь с переделками на главной.
1.    Убрать кнопку меню
2.    Уже пару раз писал об открывающемся меню для кнопок :  о копмании, услуги. Можно это сделать?
3.    Корзина и поиск, подвести под вид меню. Текст сделать такой же, значок лупа и корзина, чтобы были черного цвета. И подсвечивались зеленым при наведении.
4.    Нижнее меню сделать побольше(повыше) и шрифт увеличить. Блоки подсвечивались зеленым цветом при наведении курсора на них.
5.    При обновлении страницы, баннер сначала открывается на всю страницу, и только потом становится нужного размера, как можно сделать, чтобы он сразу открывался нужного размера.

и туда же))) убрать с главной эти блоки:

аууууу!!1ктонибудь))))
помогите решить вопрос с корзиной и поиском в шапке сайта, и убрать блоки на главной.

#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) Раскрывающееся меню будет только у каталога ?

на скрине рассписал

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

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

Отправлено от UGIN в 26 Август 2016 - 14:05 в Главная

Vaccina (26 Август 2016 - 05:08) писал:

Инструкция по данному вопросу:
http://forum.storela...ыпадающее-меню/

В ней идет обсуждение реализации через раздел Сайт - Меню.

Сразуже на первом пункте затуп!
"2) Затем там же создайте дополнительное меню с названием "Выпадающее меню" и переменой header, сверху там же нажмите "Создать блок меню".меню с такой переменной у меня уже есть? Если я ставлю "header2", то по тойинструкции оно работать не будет?

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

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

Vaccina (20 Июль 2016 - 05:47) писал:

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

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

нижнее меню без выподающего списка
только в шапке выпадающий список

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

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

Stasya (20 Июль 2016 - 15:29) писал:

В шаблоне HTML найдите блок

<div class="container">
					 <div class="row">
							 <!-- Логотип -->
												 <div class="logo col-lg-6 col-md-6 col-xs-12">
																								 <div class="logo_img">
																										 <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;">
																										 </a>
																								 </div>
																								 <div class="logo_text">
																								 <p>Продажа и проектирование <br> систем "Умный дом" и IP-домофонии</p>
																								 </div> </div>
																								 <div class="nomer">
																								 +7 (812) 909-30-59 <br>
																								 <div class="nomer2"> Звоните ежедневно с 10:00-18:00 /
																								 СПб, ул.Ивановская, дом 24 к2</div>
</div>

				 </div>
			 </div>

и сразу после него вставьте блок

<div class="subMenuTop">
<ul>
	 {% FOR catalog_full %}
		 {% IF catalog_full.LEVEL = 0 %}
			 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="">
			 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</a>
			 </li>
		 {% ENDIF %}
	 {% ENDFOR %}
</ul>
</div>

Теперь в конец файла main.css добавляем блок

.subMenuTop{
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}
.subMenuTop li{
list-style: none;
display: inline-block;
border-right: 1px solid black;
padding: 10px;
}
.subMenuTop li:last-child{border:initial;}

а в конец файла main.js в самый конец добавляем блок

$(document).ready(function(){
$('.subMenuTop').hide();
$(".top-navbar-links li a").on("click",function(){
var url=$(this).attr('href').split('/');;
var lengtUrl = url.length;
if(url[lengtUrl-1] == "catalog"){
	 $('.subMenuTop').toggle();
	 return false;
}
});
})

эти два меню совеершено не связанны друг с другом
в шапке, меню к сожалению не раскрывается
нижнее меню, там отображаются не товарные категории, а направления( ссылки на страницы), в нижнем меню будет всего 6 позиций. можно его побольше сделать?

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

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

Отправлено от UGIN в 15 Август 2016 - 23:40 в Главная

Danil (15 Август 2016 - 09:43) писал:

Здравствуйте.
Чтобы изменить цвет иконок(лупы и корзины), в разделе Сайт - Редактор шаблонов - "Изображения" - замените 2 изображения ico-cart.png и ico-search.png на такие же, только в черном цвете.
В main.css найдите код

.header-top .mini-cartpro .block-title {
background-image: url('http://design.store-ip.ru/ico-cart.png?design=orange');
background-repeat: no-repeat;
background-position: 15px 12px;
background-color: #f2f2f2;
padding: 18px 18px 12px 50px;
color: #000;
height: 50px;
margin-left: 1px;
}

и замените на

.header-top .mini-cartpro .block-title {
background-image: url('http://design.store-ip.ru/ico-cart.png?design=orange');
background-repeat: no-repeat;
background-position: 15px 12px;
background-color: #f2f2f2;
padding: 18px 18px 12px 50px;
color: #000;
height: 50px;
margin-left: 1px;
font-size: 115%;
}

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

.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;background-color: #1cae5c;}

и замените на

.header-top .header-top-right #search_mini_form {background-image: url('{ASSETS_IMAGES_PATH}ico-search.png?design=orange');background-repeat: no-repeat;background-position: 10px 12px;width: 52px;height: 50px;border-left: 1px solid #f2f2f2;position: relative;}

Ребята такой вопрос?? как так на сайте невозможно стало сделать заказ!!! нельзя добавить товар в корзину, кнопка быстрый заказ тоже не работает!!!

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

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

Vaccina (21 Июль 2016 - 06:46) писал:

В main.css найдите:

.header-top .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #1cae5c;padding: 18px 18px 12px 50px;color: #fff;height: 50px;margin-left: 1px;}

замените на:

.header-top .mini-cartpro .block-title {background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange');background-repeat: no-repeat;background-position: 15px 12px;background-color: #fff;padding: 18px 18px 12px 50px;color: #1cae5c;height: 50px;margin-left: 1px;}

Далее найдите:

.subMenuTop li {
list-style: none;
display: inline-block;
border-right: 1px solid black;
padding: 10px;
}

замените на:

.subMenuTop li {
list-style: none;
display: inline-block;
border-right: 1px solid black;
padding: 20px;
}

В шаблоне HTML найдите:

<div class="subMenuTop">
<ul>
		 {% FOR catalog_full %}
				 {% IF catalog_full.LEVEL = 0 %}
						 <li {% IF catalog_full.HIDE %}style="display:none;"{% ENDIF %} class="">
						 <a href="{catalog_full.URL}" {% IF catalog_full.CURRENT %}class="active"{% ENDIF %}>{% IF catalog_full.ISSET_SUB %}<span class="open-sub"></span>{% ENDIF %}{catalog_full.NAME}</a>
						 </li>
				 {% ENDIF %}
		 {% ENDFOR %}
</ul>
</div>

замените на:

<div class="subMenuTop">
<ul>
{% FOR menu %}
											 {% FOR header3 %}
												 {% FOR links %}
													 <li><a href="{menu.header3.links.URL}" {% IF menu.header3.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header3.links.TITLE %}title="{menu.header3.links.TITLE}"{% ENDIF %}>{menu.header3.links.NAME}</a></li>
												 {% ENDFOR %}
											 {% ENDFOR %}
										 {% ENDFOR %}
</ul>
</div>

В разделе Сайт - Меню создайте новый блок меню с переменной header3

еще последний рывок))))

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

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

Отправлено от UGIN в 16 Август 2016 - 09:57 в Главная

UGIN (16 Август 2016 - 09:51) писал:

Да вроде ничего в этом файле не делалось, последнии изменени которые внесенны, находятся в этой теме.
не помогло(((

и товары в каталоге, теперь только в вертикальном располодении

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

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

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

Stasya (22 Июль 2016 - 11:48) писал:

Чтобы второе меню всегда находилось на странице в файле main.js найдите и удалите блок

$(document).ready(function(){
$('.subMenuTop').hide();
$(".top-navbar-links li a").on("click",function(){
	 var url=$(this).attr('href').split('/');;
	 var lengtUrl = url.length;
	 if(url[lengtUrl-1] == "catalog"){
		 $('.subMenuTop').toggle();
		 return false;
	 }
});
})

Далее в файле main.css найдите блок

@media all and (min-width:1200px){
.container{width:1170px}

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

@media all and (min-width:1200px){
.container{width:1170px}
.subMenuTop{width:1170px}

Блок

.subMenuTop {
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}

замените на

.subMenuTop {
text-align: center;
margin: 15px auto;
}

И блок

.subMenuTop li {
list-style: none;
display: inline-block;
border-right: 1px solid black;
padding: 20px;
}

замените на

.subMenuTop li {
list-style: none;
display: inline-block;
border-right: 1px solid black;
padding: 15px 45px;
}

Там же найдите блок

.header-top .mini-cartpro .block-title {
background-image: url('http://design.store-ip.ru/ico-cart.png?design=orange');
background-repeat: no-repeat;
background-position: 15px 12px;
background-color: #fff;
padding: 18px 18px 12px 50px;
color: #1cae5c;
height: 50px;
margin-left: 1px;
}

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

.header-top .mini-cartpro .block-title {
background-image: url('http://design.store-ip.ru/ico-cart.png?design=orange');
background-repeat: no-repeat;
background-position: 15px 12px;
background-color: #f2f2f2;
padding: 18px 18px 12px 50px;
color: #000;
height: 50px;
margin-left: 1px;
}

И там же найдите блок

.header-content .logo {
padding: 5px 0;
margin-top: -66px;
}

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

.header-content .logo {
padding: 5px 0;
margin-top: -55px;
}

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

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

Отправлено от UGIN в 22 Август 2016 - 13:10 в Главная

Добрый день. Просьба помочь с переделками на главной.
1.    Убрать кнопку меню
2.    Уже пару раз писал об открывающемся меню для кнопок :  о копмании, услуги. Можно это сделать?
3.    Корзина и поиск, подвести под вид меню. Текст сделать такой же, значок лупа и корзина, чтобы были черного цвета. И подсвечивались зеленым при наведении.
4.    Нижнее меню сделать побольше(повыше) и шрифт увеличить. Блоки подсвечивались зеленым цветом при наведении курсора на них.
5.    При обновлении страницы, баннер сначала открывается на всю страницу, и только потом становится нужного размера, как можно сделать, чтобы он сразу открывался нужного размера.

и туда же))) убрать с главной эти блоки:

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

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

Отправлено от UGIN в 24 Июль 2016 - 00:03 в Главная

Danil (23 Июль 2016 - 17:46) писал:

Здравствуйте.
У меню нет вложенности, поэтому для каждого пункта меню, нужно сделать отдельное подменю, которое будет в качестве выпадающего списка.
Создайте дополнительные подменю(выпадающие списки), а после напишите нам, чтобы мы написали инструкцию, по их добавлению в код.
Так же, уточните, какие подменю к каким пунктам меню относятся.

А где именно можно создать эти подменю?

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

Отправлено от UGIN в 23 Август 2016 - 21:42 в Главная

Danil (23 Август 2016 - 17:20) писал:

Здравствуйте.
Изменения Вам произвел, проверьте.
Нужно установить ссылки на меню с подпунктами, для этого в шаблоне html найдите строки

<a href="#"><span class="open-sub"></span>О компании</a>

<a href="#"><span class="open-sub"></span>Услуги</a>

<a href="#"><span class="open-sub"></span>Контакты</a>

<a href="#"><span class="open-sub"></span>Интернет-магазин</a>

<a href="#"><span class="open-sub"></span>Поиск-корзина</a>

и замените "#" на соответствующие ссылки.
Так же в разделе Сайт - Меню, есть меню под названием "Вложенность для ....", измените пункты данного меню на свои.
Чтобы изменить цвет иконок "поиска" и "корзины", необходимо отредактировать изображения ico-search.png и ico-cart.png.

Спасибо огромное!!!
Правда у меня еще пара вопросов(((9

у меня каталог товаров поехал, товары в вертикальном положении.
убрать этот блок

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

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

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

Danil (23 Июль 2016 - 17:46) писал:

Здравствуйте.
У меню нет вложенности, поэтому для каждого пункта меню, нужно сделать отдельное подменю, которое будет в качестве выпадающего списка.
Создайте дополнительные подменю(выпадающие списки), а после напишите нам, чтобы мы написали инструкцию, по их добавлению в код.
Так же, уточните, какие подменю к каким пунктам меню относятся.

А где можно создать эти подменю?

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

Отправлено от UGIN в 25 Август 2016 - 14:19 в Главная

UGIN (24 Август 2016 - 10:46) писал:

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

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

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

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

Отправлено от UGIN в 13 Август 2016 - 00:21 в Главная

Danil (23 Июль 2016 - 17:46) писал:

Здравствуйте.
У меню нет вложенности, поэтому для каждого пункта меню, нужно сделать отдельное подменю, которое будет в качестве выпадающего списка.
Создайте дополнительные подменю(выпадающие списки), а после напишите нам, чтобы мы написали инструкцию, по их добавлению в код.
Так же, уточните, какие подменю к каким пунктам меню относятся.

Доброй ночи! а можно "корзину и поиск" сделать в таком же стиле как и все меню?

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

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

Отправлено от UGIN в 01 Сентябрь 2016 - 13:56 в Главная

Добрый день! вот осталось пара проблем)))

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