Сообщений в теме: 18

[meLaN]

Добрый День!

Помогите пожалуйста:

1) добавить красиво пункты меню в шапку(надо, чтоб были следующие пункты: О нас Доставка Гарантии Вход в ЛК .  В Меню Категорий товара, с лева от логотипа - сделать для меню выдвижной слайдер с подкатегориями как например в шаблоне "Лазурит"

2) Удалить на главной после блока "Товары на главной" надпись с названием магазина "BoomBom"

За ранее спасибо. Аккаунт SL-430538

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

• 
• 

[Firefly]

meLaN (26 Декабрь 2017 - 05:08) писал:

Добрый День!

Помогите пожалуйста:

1) добавить красиво пункты меню в шапку(надо, чтоб были следующие пункты: О нас Доставка Гарантии Вход в ЛК .  В Меню Категорий товара, с лева от логотипа - сделать для меню выдвижной слайдер с подкатегориями как например в шаблоне "Лазурит"

2) Удалить на главной после блока "Товары на главной" надпись с названием магазина "BoomBom"

За ранее спасибо. Аккаунт SL-430538

Здравствуйте.
В main.css добавил код:

#custommenu .mainnav ul.sub {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

И код:

#custommenu2 .mainnav {margin: 0;display: table;}
#custommenu2 .mainnav li {display: inline-block;position: relative;font-size: 12px;}
#custommenu2 .mainnav li a {display: block;color: #222;font-weight: normal;line-height: 40px;margin-right: 5px;text-transform: uppercase;}
#custommenu2 .mainnav li a:hover {color: #8C2C29;}

В HTML добавил код:

		 <div id="custommenu2" class="block">
		 <!-- Меню в шапке -->
		 <ul class="mainnav" itemscope itemtype="https://schema.org/SiteNavigationElement">
			 {% FOR menu %}
			 {% FOR header %}
				 {% FOR links %}
				 <li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %} itemprop="url">{menu.header.links.NAME}</a></li>
				 {% ENDFOR %}
			 {% ENDFOR %}
			 {% ENDFOR %}
		 </ul>
		 </div>

И добавил новые пункты меню в разделе Сайт - Меню.

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

[meLaN]

Большое спасибо! Можно оформить выпадающие подкатегории вот в таком дизайне:

[RayLi]

meLaN (27 Декабрь 2017 - 19:03) писал:

Большое спасибо! Можно оформить выпадающие подкатегории вот в таком дизайне:

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

#custommenu .mainnav li.level1 {
	width: 25%;
	float: left;
	padding: 0 15px;
}

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

#custommenu .mainnav li.level1 {
	width: 100%;
	float: left;
	padding: 0 0px;
}

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

#custommenu .mainnav li .dropdown-menu {
	display: none;
	position: absolute;
	width: 100%;
	left: 0;
	border-bottom: 5px solid #8C2C29;
	background: #fff;
	z-index: 999;
	padding: 15px;
}

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

#custommenu .mainnav li .dropdown-menu {
	display: none;
	position: absolute;
	width: 25%;
	left: 0;
	border-bottom: 5px solid #8C2C29;
	background: #fff;
	z-index: 999;
	padding: 15px;
}

Теперь в том же шаблоне находим следующий код:

#custommenu .mainnav li a.title-lv1 {
	display: block;
	font-size: 16px;
	color: #22121e;
	margin: 8px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #e2dfdf;
	text-transform: uppercase;
}

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

#custommenu .mainnav li a.title-lv1 {
	display: block;
	font-size: 14px;
	color: #22121e;
	margin: 0px 0 0px 0;
	padding: 2px 0 3px 0;
	border-bottom: 1px solid #e2dfdf;
}

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

#custommenu .mainnav ul.sub {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

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

#custommenu .mainnav ul.sub {
	padding: 0px 0px 0px 25px;
	margin: 0;
	list-style: disc;
	line-height: 1;
	display: block;
}

[meLaN]

Цитата

#custommenu .mainnav ul.sub {
padding: 0;
margin: 0;
list-style: none;
line-height: 1;
}

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

#custommenu .mainnav ul.sub {
padding: 0px 0px 0px 25px;
margin: 0;
list-style: disc;
line-height: 1;
display: block;
}

display: block; - не лишнее? Если оставляю эту команду то выдвижное подменю не сворачивается, а остается висеть. В остальном все получилось, только подменю выдвигается не под меню, а слева как на картинке ниже:

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;overflow: hidden;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;}
#custommenu .mainnav li a:hover {color: #620337;}
#custommenu .mainnav > li {float: left;}

замените на:

#custommenu .mainnav {display: inline-block;position: static;vertical-align: middle;max-height: 80px;margin: 0;padding: 0;list-style: none;list-style-position: inside;}
#custommenu .mainnav li a:hover {color: #620337;}
#custommenu .mainnav > li {float: left;position:relative;}

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

#custommenu .mainnav li .dropdown-menu {display: none;position: absolute;width:25%;left: 0;border-bottom: 5px solid #8C2C29;background: #fff;z-index: 999;padding: 15px;}

замените на:

#custommenu .mainnav li .dropdown-menu {display: none;position: absolute;width:200px;left: 0;border-bottom: 5px solid #8C2C29;background: #fff;z-index: 999;padding: 15px;}

[meLaN]

Спасибо! Все получилось.

Помогите еще пожалуйста, нужно убрать из личного кабинета клиента не которые пункты и сделать не которые Не обязательными.
На картинках обвел красным и подписал. На рисунке 2 обведена часть из личного кабинета которую надо убрать.

[Vaccina]

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

Зайдите в раздел Сайт - Редактор шаблонов - ЛК Настройки пользователя - найдите и удалите:

<p class="required"><em>*</em> Обязательные поля</p>

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

<div class="col-sm-6 col-xs-12">
	  <div class="col-account">
		<h5>Юридическая информация</h5>
		<div class="form-list">
		  <div class="fields">
			<label for="sites_client_org_name">Наименование организации или ИП</label>
			<input id="sites_client_org_name" type="text" name="form[sites_client_org_name]"  value="{FORM_SITES_CLIENT_ORG_NAME}" minlength="5" class="required inputText">
		  </div>
		  <div class="fields">
			<label for="sites_client_org_inn">ИНН</label>
			<input id="sites_client_org_inn" type="text" name="form[sites_client_org_inn]"  value="{FORM_SITES_CLIENT_ORG_INN}" minlength="9" maxlength="12" class="digits inputText">
		  </div>
		  <div class="fields">
			<label for="sites_client_org_ogrn">ОГРН</label>
			<input id="sites_client_org_ogrn" type="text" name="form[sites_client_org_ogrn]"  value="{FORM_SITES_CLIENT_ORG_OGRN}" minlength="13" maxlength="15" class="digits inputText">
		  </div>
		  <div class="fields">
			<label for="sites_client_org_kpp">КПП</label>
			<input id="sites_client_org_kpp" type="text" name="form[sites_client_org_kpp]"  value="{FORM_SITES_CLIENT_ORG_KPP}" minlength="9" maxlength="9" class="digits inputText">
		  </div>
		  <div class="fields">
			<label for="sites_client_org_okpo">ОКПО</label>
			<input id="sites_client_org_okpo" type="text" name="form[sites_client_org_okpo]"  value="{FORM_SITES_CLIENT_ORG_OKPO}" minlength="8" maxlength="10" class="digits inputText">
		  </div>
		  <div class="fields">
			<label for="sites_client_org_address">Юридический адрес</label>
			<input id="sites_client_org_address" type="text" name="form[sites_client_org_address]"  value="{FORM_SITES_CLIENT_ORG_ADDRESS}" minlength="5" class="inputText">
		  </div>
		</div>
		<div class="buttons">
		  <button type="submit" title="Сохранить персональные настройки" class="button">Сохранить</button>
		</div>
	  </div>
	</div>
	<div class="col-sm-6 col-xs-12">
	  <div class="col-account">
		<h5>Банковские реквизиты</h5>
		<div class="form-list">
		  <div class="fields">
			<label for="sites_client_bank_account">Расчетный счет</label>
			<input id="sites_client_bank_account" type="text" name="form[sites_client_bank_account]"  value="{FORM_SITES_CLIENT_BANK_ACCOUNT}" minlength="13" maxlength="20" class="digits inputText">
		  </div>
		  <div class="fields">
			<label for="sites_client_bank_bik">БИК</label>
			<input id="sites_client_bank_bik" type="text" name="form[sites_client_bank_bik]"  value="{FORM_SITES_CLIENT_BANK_BIK}" minlength="9" maxlength="9" class="digits inputText">
		  </div>
		  <div class="fields">
			<label for="sites_client_bank_name">Название банка</label>
			<input id="sites_client_bank_name" type="text" name="form[sites_client_bank_name]"  value="{FORM_SITES_CLIENT_BANK_NAME}" minlength="5" class=" inputText">
		  </div>
		  <div class="fields">
			<label for="sites_client_bank_corr_account">Корреспондентский счет</label>
			<input id="sites_client_bank_corr_account" type="text" name="form[sites_client_bank_corr_account]"  value="{FORM_SITES_CLIENT_BANK_CORR_ACCOUNT}" minlength="13" maxlength="20" class="digits inputText">
		  </div>
		  <div class="fields">
			<label for="sites_client_bank_address">Адрес банка</label>
			<input id="sites_client_bank_address" type="text" name="form[sites_client_bank_address]"  value="{FORM_SITES_CLIENT_BANK_ADDRESS}" minlength="5" class=" inputText">
		  </div>
		</div>
		<div class="buttons">
		  <button type="submit" title="Сохранить персональные настройки" class="button">Сохранить</button>
		</div>
	  </div>
	</div>

[meLaN]

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


И еще как сделать кнопку перейти в каталог с надписью выше. Схематично показано на картинке:

[metry]

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#slideshow .text {position: absolute;top: 60%;right: 10%;padding: 0 15px;}

замените на:

#slideshow .text {position: absolute;top: 40%;right: 10%;padding: 0 15px;}

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

#slideshow .text {top: 70%;right: 0;}

замените на:

#slideshow .text {top: 40%;right: 0;}

далее зайдите в Редактор шаблонов-->HTML и найдите:

		  <!-- Каталог -->
		  <div id="custommenu" class="col-md-10 col-xs-12">

после него вставьте:

				<div class="text_header">
				<div class="title">Минимальная сумма закза 1200 рублей</div>
				</div>

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

		  <!-- Адаптивный каталог -->
		  <div id="mommenu" class="menu-offcanvas col-xs-6">

после него вставьте:

				<div class="text_header_mob">
				<div class="title">Минимальная сумма закза 1200 рублей</div>
				</div>

далее зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:

.text_header{position:absolute;font-size:16px; text-transform:uppercase; right:0%;top:40%; font-weight:bold;}
.text_header_mob{position:absolute;font-size: 10px;text-transform:uppercase;right:0%;top:70%;font-weight:bold;text-align: left;}

[meLaN]

Спасибо на компьютере все отлично, а вот в мобильной версии хотелось бы чтоб Надпись "Минимальная сумма заказа 1200 рублей" шла под логотипом в доль экрана и не перекидывалась на следующую строку. На картинки черным шрифтом как сейчас есть, а красным как хотелось бы:


И еще можно сделать кнопку в мобильной версии "Перейти в каталог" - покороче - Отметил на рисунке красным:

[metry]

Для внесения изменений зайдите в main.css и найдите:

.text_header{position:absolute;font-size:16px; text-transform:uppercase; right:0%;top:40%; font-weight:bold;}
.text_header_mob{position:absolute;font-size: 10px;text-transform:uppercase;right:0%;top:70%;font-weight:bold;text-align: left;}

замените на:

.text_header{position:absolute;font-size:16px; text-transform:uppercase; right:0%;top:40%; font-weight:bold;color:#cf1900;}
.text_header_mob{position:absolute;font-size: 14px;text-transform:uppercase;right:0%;top: 50%;font-weight:bold;text-align: left;color:#d61a00;}
.text_header_mob_2{display:none;}
@media all and (max-width: 768px) {
.text_header_mob{position:absolute;font-size: 10px;text-transform:uppercase;right:0%;top:70%;font-weight:bold;text-align: left;display:none;}
.text_header_mob_2{font-size: 14px;text-transform:uppercase;/* right:0%; *//* top:70%; */font-weight:bold;text-align:center;color:#d91a00;display:block;/* position: relative; */width: 100%;}
}
@media all and (max-width: 481px) {
#slideshow .text .button {font-size: 13px;padding: 0 4px;}
}

[meLaN]

Спасибо, все получилось.Подскажите пожалуйста как убрать надпись "Название магазина" в блоке "Товары на главной", с низу, с лева.Надпись которую необходимо удалить обвел красным:




И как изменить цвет при наведении у каталога на "8c2c29"

[meLaN]

meLaN (02 Январь 2018 - 12:54) писал:

Спасибо, все получилось.Подскажите пожалуйста как убрать надпись "Название магазина" в блоке "Товары на главной", с низу, с лева.Надпись которую необходимо удалить обвел красным:




И как изменить цвет при наведении у каталога на "8c2c29"

Помогите пожалуйста.

[RayLi]

meLaN (04 Январь 2018 - 15:07) писал:

Помогите пожалуйста.

Здравствуйте.
В данном случае Вам необходимо в шаблоне html найти следующий код:

			<!-- /END Товары на главной, Новинки, Хиты -->
			<!-- Заголовок страницы -->
			<div class="page-title">
			  {% IF index_page %}
				<h1 class="title">{PAGE_TITLE}</h1>
			  {% ELSEIF MOD_LNAME=user && ACT=login %}
				<h1 class="title">Войти или зарегистрироваться</h1>
			  {% ELSEIF MOD_LNAME=user && ACT=change %}
				<h1 class="title">Активация нового пароля</h1>
			  {% ELSEIF MOD_LNAME=user && ACT=recovery %}
				<h1 class="title">Восстановление пароля</h1>
			  {% ELSEIF MOD_LNAME=user && ACT=favorites %}
				<h1 class="title">Избранные товары</h1>
			  {% ELSEIF MOD_LNAME=user  && ACT=history_list %}
				<h1 class="title">Мои заказы</h1>
			  {% ELSEIF MOD_LNAME=user && ACT=settings %}
				<h1 class="title">Личный кабинет</h1>
			  {% ELSEIF MOD_LNAME=user && ACT=register %}
				<h1 class="title">Регистрация клиента</h1>
			  {% ELSEIF MOD_LNAME=order && ACT=stage %}
				<h1 class="title">Оформление заказа. Шаг {ORDER_STAGE_NUM} из 4</h1>
			  {% ELSEIF MOD_LNAME=search %}
				<h1 class="title">Результат поиска по запросу: {% IFNOT search_query_empty %}&laquo;{SEARCH_QUERY}&raquo; <span>({GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")} найд{GOODS_PAGES_RESULTS | gen_word_end("ен","ено","ено")} по запросу)</span>{% ENDIF %}</h1>
			  {% ELSEIF MOD_LNAME=discount && ACT=index && ID %}
				<h1 class="title">{PROMOTIONAL_CAMPAIGN_NAME} <span>{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")}.</span></h1>
			  {% ELSEIF MOD_LNAME=discount && ACT=index %}
				<h1 class="title">Акции {% IF PROMOTION_CAMPAIGN_PAGES_RESULTS %}<span>(Всего найден{PROMOTION_CAMPAIGN_PAGES_RESULTS | gen_word_end("а","о","о")} {PROMOTION_CAMPAIGN_PAGES_RESULTS} акци{PROMOTION_CAMPAIGN_PAGES_RESULTS | gen_word_end("я","и","ий")})</span>{% ENDIF %}</h1>
			  {% ELSEIF MOD_LNAME=feedback %}
				<h1 class="title">Связь с администрацией</h1>
			  {% ELSEIF CURRENT_URL=NEWS_SHOP_URL || CURRENT_URL=NEWS_ARTICLES_URL  || CURRENT_URL=NEWS_MASS_MEDIA_URL || CURRENT_URL=NEWS_ALL_URL %}
				<h1 class="title">{NEWS_SECTION_NAME}</h1>
			  {% ELSEIF MOD_LNAME=news %}
				<h1 class="title">{NEWS_TITLE}</h1>
			  {% ELSEIF MOD_LNAME=compare %}
				<h1 class="title">{% IF compare_list_empty %}Ваш список сравнения пуст{% ELSE %}Сравнение товаров{% ENDIF %}</h1>
			  {% ELSEIF MOD_LNAME=page %}
				<h1 class="title">{PAGE_NAME}</h1>
			  {% ELSEIF MOD_LNAME= %}
				<h1 class="title">Внутренняя ошибка сервера. {MSG_HEADER}</h1>
			  {% ELSEIF MOD_LNAME=callback %}
				<h1 class="title">Заказ обратного звонка</h1>
			  {% ELSEIF MOD_LNAME=catalog %}
				<h1 class="title">{% IF IS_FULL_CATALOG %}Каталог{% ELSE %} {% IF GOODS_PAGES_RESULTS = 0%} {CATEGORY_NAME} {% ELSE %} {CATEGORY_NAME} <span>{GOODS_PAGES_RESULTS} товар{GOODS_PAGES_RESULTS | gen_word_end("","а","ов")}.</span>{% ENDIF %} {% ENDIF %}</h1>
			  {% ENDIF %}			
			</div>
			<!-- /END Заголовок страницы -->
			{BODY}
		  </div>
		  <!-- Левый блок -->

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

			<!-- /END Товары на главной, Новинки, Хиты -->
			{BODY}
		  </div>
		  <!-- Левый блок -->

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

#custommenu .mainnav li a.title-lv1 {
	display: block;
	font-size: 16px;
	color: #22121e;
	margin: 0px 0 0px 0;
	padding: 2px 0 3px 0;
	border-bottom: 1px solid #e2dfdf;
}

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

#custommenu .mainnav li a.title-lv1 {
	display: block;
	font-size: 16px;
	color: #8c2c29;
	margin: 0px 0 0px 0;
	padding: 2px 0 3px 0;
	border-bottom: 1px solid #e2dfdf;
}

[meLaN]

Спасибо большое. Подскажите по Pixelu. Мне надо вставить код фейсбук пикселя вот в это место:

Вставить код события «Покупка»

• Разместите код события на вашей странице подтверждения заказа или странице завершения покупки.
  
• Добавьте код события прямо под тегом </head>. Это позволяет загрузить код события вместе с кодом пикселя при загрузке страницы.

Помогите пожалуйста реализовать эту задачу.

[meLaN]

Не получится мне помочь ?

[meLaN]

Подскажите как сделать слайдер на главной, на 3 слайда, с ручной, и автоматической прокруткой в 5 секунд(кнопка с заголовком чтоб остались на каждом слайде:

[Firefly]

meLaN (14 Январь 2018 - 23:59) писал:

Подскажите как сделать слайдер на главной, на 3 слайда, с ручной, и автоматической прокруткой в 5 секунд(кнопка с заголовком чтоб остались на каждом слайде:

Здравствуйте.
Вы можете воспользоваться готовой инструкцией из следующей темы.