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


Публикации Юля123

1000 публикаций создано Юля123 (учитываются публикации только с 29-Июнь 23)



#234769 Форма Обратной Связи

Отправлено от Юля123 в 21 Апрель 2016 - 12:35 в Другое

Просмотр сообщенияAst (21 Апрель 2016 - 12:29) писал:

Спасибо, все получилось.
1. Дело в том, что сейчас еще не все страницы готовы где должна показываться форма. Я могу самостоятельно прописывать условия?
2. По поводу подсказки ввода телефонного номера. Я имел ввиду можно ли сделать чтобы при клике в поле ввода телефона появлялись ячейки для ввода цифр в нужном количестве, как на этом сайте (форма внизу страницы)? http://www.mosokna.r...vye-okna/rehau/

В остальном все отлично. Спасибо


Да, так можно сделать, скачайте файл из сообщения в этой теме:http://forum.storeland.ru/index.php?/topic/16856-%d1%88%d0%b0%d0%b1%d0%bb%d0%be%d0%bd-%d0%b2%d0%b2%d0%be%d0%b4%d0%b0-%d0%bd%d0%b0%d0%bc%d0%b5%d1%80%d0%b0-%d1%82%d0%b5%d0%bb%d0%b5%d1%84%d0%be%d0%bd%d0%b0/#entry168458

далее в шаблоне HTML перед:

</head>


добавляете код:

<script type="text/javascript" src="{ASSETS_JS_PATH}jquery.maskedinput.js"></script>
<script type="text/javascript">
jQuery(function($){
$("#callback_phone").mask("+7 (999) 999-9999");
});
</script>



#234778 Форма Обратной Связи

Отправлено от Юля123 в 21 Апрель 2016 - 13:57 в Другое

Просмотр сообщенияAst (21 Апрель 2016 - 12:42) писал:

Спасибо! Работает. А что с условиями показа формы? Могу я самостоятельно прописывать на каких страницах может показываться?

Да, Вы можете самостоятельно изменять условия, для этого Вам нужно код:

	  <div id="content" class="wrap">
		<div class="row">
			<div id="main" class="col-xs-12 col-main">
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm index form-box" enctype="multipart/form-data">
   <h2>Оформите заявку на бесплатный замер ваших окон!</h2>
		  <input type="hidden" name="hash" value="{HASH}" />
		  <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}" />
		  {ANTISPAM_CODE}
		  <div class="callback-form">
				 <div>
				  <label for="callback_person" class="required">Имя<em>*</em></label>
				  <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required inputText"/>
				</div>
				 <div>
				  <label for="callback_email">Email</label>
				  <input id="callback_email" type="text" name="form[callback_email]" value="{FORM_CALLBACK_EMAIL}" maxlength="255" class="inputText"/>
				</div>
				<div>
				  <label for="callback_phone" class="required">Телефон<em>*</em></label>
								  <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required inputText" placeholder="Пример: +7 495 774-24-70"/>
				</div>
				<div>
				  <label for="callback_comment">Время звонка</label>
								  <input id="callback_comment" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" value="{FORM_CALLBACK_COMMENT}" maxlength="255" class="inputText" placeholder="Пример: с 9 до 21"/>
				</div>
  <div class="clear"></div>
		  </div>
		  <button type="submit" title="Отправить" class="button">Отправить и получить подарок к заказу</button>
		</form>
			</div>
		</div>
	  </div>

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

{% IF  MOD_LNAME = index || PAGE_NAME = название страницы ||  PAGE_NAME = название страницы2 || PAGE_NAME = название страницы3 %}
	  <div id="content" class="wrap">
		<div class="row">
			<div id="main" class="col-xs-12 col-main">
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm index form-box" enctype="multipart/form-data">
   <h2>Оформите заявку на бесплатный замер ваших окон!</h2>
		  <input type="hidden" name="hash" value="{HASH}" />
		  <input class="callbackredirect" type="hidden" name="return_to" value="{CALLBACK_URL}" />
		  {ANTISPAM_CODE}
		  <div class="callback-form">
				 <div>
				  <label for="callback_person" class="required">Имя<em>*</em></label>
				  <input id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" maxlength="50" class="required inputText"/>
				</div>
				 <div>
				  <label for="callback_email">Email</label>
				  <input id="callback_email" type="text" name="form[callback_email]" value="{FORM_CALLBACK_EMAIL}" maxlength="255" class="inputText"/>
				</div>
				<div>
				  <label for="callback_phone" class="required">Телефон<em>*</em></label>
								  <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required inputText" placeholder="Пример: +7 495 774-24-70"/>
				</div>
				<div>
				  <label for="callback_comment">Время звонка</label>
								  <input id="callback_comment" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" value="{FORM_CALLBACK_COMMENT}" maxlength="255" class="inputText" placeholder="Пример: с 9 до 21"/>
				</div>
  <div class="clear"></div>
		  </div>
		  <button type="submit" title="Отправить" class="button">Отправить и получить подарок к заказу</button>
		</form>
			</div>
		</div>
	  </div>
{%ENDIF%}

Вместо название страницы, название страницы2, название страницы3  пропишите названия контентных страниц, на которых эта форма должна присутствовать. Этим условием выберется главная страница и несколько контентных страниц, если нужно на каких-либо еще разделах магазина оставить эту форму (Каталог, страница товара, корзина), тогда опишите в каких.



#234762 Форма Обратной Связи

Отправлено от Юля123 в 21 Апрель 2016 - 11:27 в Другое

Просмотр сообщенияAst (21 Апрель 2016 - 08:06) писал:

Сделал.
Но в этом случае форма показывается на всех страницах сайта, даже в новостях. А нужно только на некоторых страницах с товаром. Может быть возможно добавлять форму записью какой-то переменной и т.д.?
По самой форме: 1. Левая и правая граница полей ввода формы немного шире чем сама страница.Фон под формой - хорошо, но сами ячейки немного шире правой и левой границы страницы. 2. При вводе записи в форму не видно курсора в ячейке ввода как и самого текста. Текст появляется только если перейти в другую ячейку ввода. 3. В форме телефона нет подсказки параметров ввода номера. 4. В поле время звонка нет текстовой подсказки. 5. В мобильной версии ячейки расположены горизонтально, должны расположиться вертикально друг под другом, как в образце.
Собственно образец формы на сайте внизу страницы: http://www.mosokna.r...vye-okna/rehau/
Буду очень благодарен за поправки.


Здравствуйте, можно условиями прописать на каких страницах нужно отображать эту форму. Уточните, пожалуйста, на каких страницах она нужна.

1)  

Цитата

Левая и правая граница полей ввода формы немного шире чем сама страница.Фон под формой - хорошо, но сами ячейки немного шире правой и левой границы страницы.

Попробуйте в main.css код:

.callbackForm.index {
		background: #4A7DBF;
		padding: 1% 2.5%;
}

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

.callbackForm.index {
	background: #4A7DBF;
	padding: 1% 17%;
	text-align: center;
}

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

@media all and (max-width: 991px) {

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

.callbackForm.index .callback-form > div {width: 45%;}

и после кода:
@media all and (max-width: 641px) {

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

.callbackForm.index .callback-form > div { width: 80%;}

2)

Цитата

При вводе записи в форму не видно курсора в ячейке ввода как и самого текста. Текст появляется только если перейти в другую ячейку ввода.

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

.callbackForm.index .callback-form > div {
		width: 20%;
		margin: 0 2%;
		color: #fff;
		float: none;
		display: inline-block;
}

и замените на код:
.callbackForm.index .callback-form > div {
		width: 20%;
		margin: 0 2%;
		float: none;
		display: inline-block;
}

Цитата

3. В форме телефона нет подсказки параметров ввода номера.

в шаблоне HTMl найдите код:
				  <label for="callback_phone" class="required">Телефон<em>*</em></label>
				  <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required inputText"/>

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

				  <label for="callback_phone" class="required">Телефон<em>*</em></label>
				  <input id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" maxlength="255" class="required inputText" placeholder="параметры ввода"/>


и "параметры ввода" изменяйте на свой текст.


Цитата

4. В поле время звонка нет текстовой подсказки.

				  <label for="callback_comment">Время звонка</label>
				  <input id="callback_comment" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" value="{FORM_CALLBACK_COMMENT}" maxlength="255" class="inputText"/>

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

				  <label for="callback_comment">Время звонка</label>
				  <input id="callback_comment" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]" value="{FORM_CALLBACK_COMMENT}" maxlength="255" class="inputText" placeholder="текстовая подсказка"/>

текстовая подсказка - измените на нужный текст.



Цитата

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



#236414 Форма Для Емейл Подписки

Отправлено от Юля123 в 10 Май 2016 - 09:36 в Шаблон Лето

Просмотр сообщенияОльга 94 (09 Май 2016 - 15:46) писал:

Кто нибудь ответит?Спасибо


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



#236673 Форма Для Емейл Подписки

Отправлено от Юля123 в 12 Май 2016 - 11:11 в Шаблон Лето

Просмотр сообщенияОльга 94 (12 Май 2016 - 10:43) писал:

Спасибо, а можно поменять размер, и сделать ее получпрозрачной процентов на 20-30??Спасибо

В main.css код:
.noty_type_success {
		 background: #f0f0f0;
}
.noty_type_success .noty_text {
 
  color:#000;
  font-size:14px;
}
#noty_center_layout_container li {border: 0 !important;border-radius:0 !important;width:200px;}


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

.noty_type_success {
		 background: rgba(240, 240, 240, 0.8);}

.noty_type_success .noty_text {
 
  color:#000;
  font-size:14px;
  line-height:150px;
  text-align:center;
}
#noty_center_layout_container li {border: 0 !important;border-radius:0 !important;background: rgba(240, 240, 240, 0.8) !important;width:500px !important;height:150px;}



.noty_type_success {
background: rgba(240, 240, 240, 0.8);}

.noty_type_success .noty_text {

  color:#000;
  font-size:14px;
  line-height:150px;
  text-align:center;
}
#noty_center_layout_container li {border: 0 !important;border-radius:0 !important;background: rgba(240, 240, 240, 0.8) !important;width:500px !important;height:150px;}


красный - цвет фона

синий - размер окна

можете изменять на нужные Вам значения. Выделенное оранжевым значение должно равняться высоте окна, чтобы текст был по центру.



#236599 Форма Для Емейл Подписки

Отправлено от Юля123 в 11 Май 2016 - 15:18 в Шаблон Лето

Просмотр сообщенияОльга 94 (11 Май 2016 - 14:43) писал:

Здравствуйте Юлия!К сожалению ни чего не изменилось..

Поправила, была  ошибка в инструкции.



#235751 Форма Для Емейл Подписки

Отправлено от Юля123 в 28 Апрель 2016 - 19:52 в Шаблон Лето

Просмотр сообщенияОльга 94 (28 Апрель 2016 - 18:03) писал:

Вопрос был в отображении страницы при загрузке в сообщении №27 скрин. Там видно, что при загрузке блок с товарами сначала вертикальный потом становится горизонтальным. Юлия мне сказала что причина может быть в скрипте (карусель), который подгружается и из за этого происходит подобное. Но с блоком "Вы смотрели" такого не происходит, хотя он тоже каруселью сделан. Вот я и спрашивала, что почему один блок с каруселью отображается в вертикальном виде сначала, а второй блок с такой же каруселью отображается нормально горизонтально. Может дело не в карусели?Второй вопрос был в том что если убрать эту самую карусель с этих блоков они будут отображается таблице?И в итоге занимать много места... Или можно как то решить вопрос что бы подгрузка не была такой явной и страшной....

И на конец третий вопрос. Можно убрать анимацию с блока с отзывами и условиями доставки. Не нравится как он выезжает от куда то справа.


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

	  <div id="content_2" class="tab-content effect-bounceInRight" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{%ENDIF%}>

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

	  <div id="content_2" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{%ENDIF%}>

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

	  <div id="content_3" class="tab-content effect-bounceInRight" style="display: none;">

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

	  <div id="content_3" class="tab-content" style="display: none;">


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

		  <div id="content_4" class="tab-content effect-bounceInRight" style="display:none;">

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

		  <div id="content_4" class="tab-content" style="display:none;">

По поводу загрузки товаров я еще протестирую и отвечу Вам позже. Спасибо за понимание!



#236550 Форма Для Емейл Подписки

Отправлено от Юля123 в 11 Май 2016 - 10:30 в Шаблон Лето

Просмотр сообщенияОльга 94 (10 Май 2016 - 19:15) писал:

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


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

//Карусель Вы смотрели
jQuery(function($) {
var carouselU = $('.viewed .products-grid');
carouselU.owlCarousel({
items: 4,
pagination: false,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: true,
addClassActive: true,
autoHeight: true,
afterAction: function (e) {
if(this.$owlItems.length > this.options.items){
$('.viewed .navigation a').show();
}else{
$('.viewed .navigation a').hide();
}
}
});
jQuery('.viewed .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.viewed .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});

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

//Карусель Вы смотрели
jQuery(function($) {
var carouselU = $('.viewed .products-grid');
	 carouselU.owlCarousel({
		 items: 5,
		 pagination: true,
		 itemsScaleUp : true,
		 slideSpeed : 800,
		 autoPlay: false,
		 addClassActive: true,
		 autoHeight: true,
		 afterAction: function (e) {
			 if(this.$owlItems.length > this.options.items){
				 $('.viewed .navigation a').show();
			 }else{
				 $('.viewed .navigation a').hide();
			 }
		 }
	 });
jQuery('.viewed .navigation .prev').on('click', function(e){
	 e.preventDefault();
	 carouselU.trigger('owl.prev');
});
jQuery('.viewed .navigation .next').on('click', function(e){
	 e.preventDefault();
	 carouselU.trigger('owl.next');
});
});

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

.block.viewed .navigation {
height: 50px;
float: right;
}
.recently-item {
width: 175px !important;
}



#235814 Форма Для Емейл Подписки

Отправлено от Юля123 в 29 Апрель 2016 - 12:19 в Шаблон Лето

Просмотр сообщенияОльга 94 (29 Апрель 2016 - 11:16) писал:


ИзображениеОльга 94 (28 April 2016 - 22:33) писал:

Да что Вы! Вам спасибо, что возитесь со мной..)
У меня еще вопросик будет по поводу формы с отзывами. Когда загружается страница с товаром. Почему то в блоке с условием доставки и описанием высвечивается сначала табличка "Характеристики" Хотя их там и в помине нет...и только потом загружается то что там действительно есть...В чем может быть проблема?


Например вот в этих товарах появляется сначала табличка с брендом..
http://yoursize-shop...0965#show_tab_3
http://yoursize-shop...7366#show_tab_3
http://yoursize-shop...2325#show_tab_3

А вот у этих например так и осталась анимация при обновлении страницы данного блока... Хотя вроде как убирали анимацию
http://yoursize-shop.ru/goods/Corin
http://yoursize-shop...mod_id=92912670
http://yoursize-shop...orin#show_tab_3

Здравствуйте, это просто мы пропустили один тег, в котором для вкладки "Описание" прописан этот эффект в шаблоне Товар найдите код:

	  <div id="content_1" class="tab-content effect-bounceInRight">

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

	  <div id="content_1" class="tab-content">


Вообще пройдитесь по шаблону Товар и с помощью встроенного поиска (ctrl+f) найдите код:

effect-bounceInRight

и там где он ненужен - удалите только этот код.


Чтобы поправить отображение вкладок в шаблоне товар найдите и удалите код:

	<!--  Характеристики  -->
	{% IFNOT goods_features_empty %}
<div id="content_2" class="tab-content" {% IF GOODS_DESCRIPTION_LARGE || GOODS_SEO_DESCRIPTION_SHORT || GOODS_SEO_DESCRIPTION_LARGE %}style="display: none;"{%ENDIF%}>	   
<table class="table-box">
		  <tbody>
			{% FOR goods_features%}
			  <tr class="odd">
				<th class=""><span class="value">{goods_features.NAME}</span></th>
				<td class="data">{goods_features.VALUE}</td>
			  </tr>
			{% ENDFOR %}
		  </tbody>
		</table>
	  </div>
	{% ENDIF %}

код начинается на 306 строке


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



#236606 Форма Для Емейл Подписки

Отправлено от Юля123 в 11 Май 2016 - 15:48 в Шаблон Лето

Просмотр сообщенияОльга 94 (11 Май 2016 - 15:41) писал:

А куда исчезло отображение блока вы смотрели по пять картинок?))

Я тестирую код, временно изменила. Поправила.



#235819 Форма Для Емейл Подписки

Отправлено от Юля123 в 29 Апрель 2016 - 12:42 в Шаблон Лето

Просмотр сообщенияОльга 94 (29 Апрель 2016 - 12:34) писал:

Спасибо, Юлия! А с вопросом 45 не поможете?)

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



#237008 Форма Для Емейл Подписки

Отправлено от Юля123 в 16 Май 2016 - 09:45 в Шаблон Лето

Просмотр сообщенияОльга 94 (13 Май 2016 - 12:54) писал:

Не плохо, только почему то все равно приходит сначала имя а затем фамилия.?


Уточните, более подробнее как проявляется эта проблема? Не совсем понимаю о чем Вы.


Цитата

И можно сделать поля для ввода фамилии имя и отчества и в личном кабинете.?


Попробуйте в шаблоне ЛК регистрация нового клиента код:

		  <div class="fields">
		  <label for="reg_lastname" class="required">Фамилия <em>*</em></label>
		  <input id="reg_lastname" type="text" name="form[sites_client_lastname]"  value="{FORM_SITES_CLIENT_LASTNAME}" maxlength="50" class="required inputText">
		</div>
		<div class="fields">
		  <label for="reg_name" class="required">Имя <em>*</em></label>
		  <input id="reg_name" type="text" name="form[sites_client_name]"  value="{FORM_SITES_CLIENT_NAME}" maxlength="50" class="required inputText">
		</div>

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

		  <div class="fields">
		  <label for="reg_name" class="required">Фамилия <em>*</em></label>
		  <input id="reg_name" type="text" name="form[sites_client_lastname]"  value="{FORM_SITES_CLIENT_LASTNAME}" maxlength="50" class="required inputText">
		</div>
		<div class="fields">
		  <label for="reg_first" class="required">Имя <em>*</em></label>
		  <input id="reg_first" type="text" name="form[sites_client_name]"  value="{FORM_SITES_CLIENT_NAME}" maxlength="50" class="required inputText">
		</div>

и код:

	<form action="{USER_REGISTER_URL}" method="post" class="clientForm form-box register-form">


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

	<form action="{USER_REGISTER_URL}"  onsubmit="$('#reg_first').val($('#reg_first').val() + ' ' + $('#reg_name').val());"  method="post" class="clientForm form-box register-form">



#235842 Форма Для Емейл Подписки

Отправлено от Юля123 в 29 Апрель 2016 - 15:43 в Шаблон Лето

Просмотр сообщенияОльга 94 (29 Апрель 2016 - 13:08) писал:

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





ВСЕ РАВНО СКАЧЕТ МЕНЮ!ПРОВЕРЬТЕ ПОЖАЛУЙСТА


Я ничего не меняла для меню, только для блоков с характеристиками. Если сделать так, как Вы хотите, то текст во всех карточках будет одинаковый, Вы так и хотите? А также проверьте,  вроде бы не скачет больше шапка



#236027 Форма Для Емейл Подписки

Отправлено от Юля123 в 04 Май 2016 - 09:13 в Шаблон Лето

Просмотр сообщенияОльга 94 (04 Май 2016 - 07:00) писал:

Здравствуйте! На счет шапки, действительно больше не скачет, спасибо.

А по поводу блоков не совсем поняла что вы имели ввиду.. Мне не нужны два одинаковых по содержанию блока, мне нужны два одинаковых по функционалу блока. А именно то что я описывала выше. В первом блоке одна информация, во втором блоке уже другая информация.


Здравствуйте, я имела ввиду, каким образом Вы планируете заполнять дополнительный блок? Если его заполнять не через админку,  то не будут работать переменные, и соответственно информация будет одинаковая для любого товара.



#236549 Форма Для Емейл Подписки

Отправлено от Юля123 в 11 Май 2016 - 10:11 в Шаблон Лето

Просмотр сообщенияОльга 94 (10 Май 2016 - 19:06) писал:

Помогите еще пожалуйста по дизайну немного.
Когда нажимаешь на "Добавить в избранное" появляется окно, которое зеленого цвета, ни как не могу найти где меняется этот цвет??

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

.noty_type_error {
	 background: #000;
}
.noty_type_success {
	 background: green;
}


noty_type_error - сообщение об ошибке, noty_type_succes - успешно добавлено. изменяйте цвета на нужные Вам.



#236031 Форма Для Емейл Подписки

Отправлено от Юля123 в 04 Май 2016 - 09:50 в Шаблон Лето

Просмотр сообщенияОльга 94 (04 Май 2016 - 09:16) писал:

Ничего страшного. Если информация будет одинаковой для всех товаров именно в дополнительном блоке. Я там планирую разместить информацию о доставке и об оплате...А вот верхний блок нужна разная информация, поэтому там будет вводится через админку, а именно описание и отзывы..) Можно реализовать вторую нижнюю форму для описания доставки и оплаты??)


Тогда в шаблоне Товар перед кодом:

<!-- Вы смотрели -->

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

	 <div class="product-shop col-sm-12 col-sms-12">
	 <!-- Основные вкладки описаний товара -->
  <div class="product-tabs1 clear">
	<ul class="tabs1">
		  <li><a href="javascript:tabSwitch(5);" id="tab_5" class="active">Условия доставки</a></li>
		  <li><a href="javascript:tabSwitch(6);" id="tab_6">Оплата</a></li>
		  <li><a href="javascript:tabSwitch(7);" id="tab_7">Новая вкладка 1</a></li>
	</ul>
	<!--  Описание  -->
	  <div id="content_5" class="tab-content1">
		<div class="htmlDataBlock">
		  <span>Блок описания условий доставки</span>
		</div>
	  </div>
	<!--  Условия доставки  -->
  <div id="content_6" class="tab-content1" style="display: none;">
		<span>Блок описания способов оплаты</span>
	  </div>
  <div id="content_7" class="tab-content1" style="display: none;">
		<span>Блок описания новой вкладки 1</span>
	  </div>
  </div>
  <!-- /END Основные вкладки описаний товара -->
</div>


В этом коде Вы можете изменить названия вкладок: Условия доставки, Оплата, Новая вкладка 1. И внести свой текст в блок контента: Блок описания условий доставки, Блок описания новой вкладки 1, Блок описания новой вкладки 1.

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

// Инициализация табов на странице товара
function initTabs() {
  // Блок в котором находятся табы
  var tabBlock1 = $('.product-tabs1');
  if(!tabBlock1.length) {
	return false;
  }
  // По умолчанию делаем отметку о том что активного таба не найдено
  var isFind = 0;
  tabBlock1.find('.tabs1 a').each(function(i){
	// Если нашёлся активный там
	if($(this).hasClass('active')) {
	  // Инициализируем найденный таб
	  $(this).click();
	  // Ставим отметку, о том что не нужно инициализировать первый таб на странице
	  isFind = 1;
	}
  });
  // Если не найдено ни одного таба с отметкой о том что он активен
  if(!isFind) {
	// Ставим активным первый таб на странице.
	var tab = $('ul.tabs1 > li > a').attr('id').slice(-1);
	tabSwitch(tab);
  }
  // Проверяет хэш и если по нему была открыта вкладка, то эта функция автоматически откроет её.
  checkTabHash();
  // Если текущий адрес страницы предполагает добавление отзыва
  // Биндим изменение хэша - проверка какой таб нужно открыть.
  $(window).bind('hashchange', function() { checkTabHash(); });
}
// Проверяет хэш, переданый пользователем и открывает соответствующий раздел
function checkTabHash() {
  // Определяем текущий хэш страницы
  var hash1 = window.location.hash.substr(1);
  if(hash1 == 'goodsDataOpinionAdd') {
	hash1 = 'show_tab1_4';
  }
  if(!hash1.length || hash1.indexOf('show_tab1_') == -1) {
	return false;
  }
  // Открываем тот таб, который был указан в hash-е
  tabSwitch(hash1.replace("show_tab1_", ''))
}
// Выбор вкладки на странице товара
function tabSwitch(nb) {
  var tabBlock = $('.product-tabs1');
  tabBlock.find('.tabs1 a').removeClass('active');
  tabBlock.find('div.tab-content1').hide();
  $('#tab_' + nb).addClass('active');
  $('#content_' + nb).show();
  if('#goodsDataOpinionAdd' != document.location.hash) {
	// Записываем в хэш информацию о том какой таб сейчас открыт, для возможности скопировать и передать ссылку с открытым нужным табом
	document.location.hash = "#show_tab_" + nb; 
  }
}


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

.product-tabs1 .tabs1 {
	height: 47px;
	margin: 0;
	position: relative;
	display: block;
	width: 100%;
}
.tabs1 {
	padding: 0;
}
.product-tabs1 .tabs1 li {
	float: left;
	margin: 0 30px 0 0;
	padding: 0px;
	height: 47px;
}
.product-tabs1 .tabs1 li a:hover, .product-tabs1 .tabs1 li a.active {
	color: #000000;
}
.product-tabs1 .tab-content1 {
	border: 1px solid #eeeeee;
	float: left;
	width: 100%;
	margin: 0;
	margin-top: 30px;
	padding: 10px;
}



#236555 Форма Для Емейл Подписки

Отправлено от Юля123 в 11 Май 2016 - 11:16 в Шаблон Лето

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

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

//Карусель Вы смотрели
jQuery(function($) {
var carouselU = $('.viewed .products-grid');
carouselU.owlCarousel({
items: 4,
pagination: false,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: true,
addClassActive: true,
autoHeight: true,
afterAction: function (e) {
if(this.$owlItems.length > this.options.items){
$('.viewed .navigation a').show();
}else{
$('.viewed .navigation a').hide();
}
}
});
jQuery('.viewed .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.viewed .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});

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

//Карусель Вы смотрели
jQuery(function($) {
var carouselU = $('.viewed .products-grid');
	 carouselU.owlCarousel({
		 items: 5,
		 pagination: true,
		 itemsScaleUp : true,
		 slideSpeed : 800,
		 autoPlay: false,
		 addClassActive: true,
		 autoHeight: true,
		 afterAction: function (e) {
			 if(this.$owlItems.length > this.options.items){
				 $('.viewed .navigation a').show();
			 }else{
				 $('.viewed .navigation a').hide();
			 }
		 }
	 });
jQuery('.viewed .navigation .prev').on('click', function(e){
	 e.preventDefault();
	 carouselU.trigger('owl.prev');
});
jQuery('.viewed .navigation .next').on('click', function(e){
	 e.preventDefault();
	 carouselU.trigger('owl.next');
});
});

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

.block.viewed .navigation {
height: 50px;
float: right;
}
.recently-item {
width: 175px !important;
}

И в main.css код:

.block-title h3 {line-height: normal;font-size: 14px;color: #000000;}

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

.block-title h3 {line-height: normal;font-size: 14px;color: #000000;text-align: center;}

чтобы подписи у блоков были по центру



#236039 Форма Для Емейл Подписки

Отправлено от Юля123 в 04 Май 2016 - 10:39 в Шаблон Лето

Просмотр сообщенияОльга 94 (04 Май 2016 - 09:56) писал:

Не корректно работает. Посмотрите, пожалуйста..

Поправила код, посмотрите, пожалуйста.



#236603 Форма Для Емейл Подписки

Отправлено от Юля123 в 11 Май 2016 - 15:33 в Шаблон Лето

Просмотр сообщенияОльга 94 (11 Май 2016 - 15:04) писал:

Мне нужно чтобы не заголовки у блоков были по центру а кнопки были выровнены относительно заголовка...(скрин)



И автоматическую прокрутку можно убрать со всех подобных блоков. И кнопки в блоке вы смотрели по прежнему не работают..


В main.js ищите код (встречается несколько раз):

autoPlay: true,

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

autoPlay: false,

В main.css найдите код:
.block.viewed .navigation {
height: 50px;
float: right;
}

и замените на код:
.block.viewed .navigation {
	float: right;
	margin: 50px 0;
}

и код:

.viewed .block-title {margin-top: 30px;margin-bottom:30px;padding-top: 25px;}

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

.viewed .block-title {margin-top: 30px;margin-bottom:30px;padding-top: 25px;float: left;}


в конце main.css добавьте код:
.block.viewed .up-sell-products {
	clear: both;
} 



#236044 Форма Для Емейл Подписки

Отправлено от Юля123 в 04 Май 2016 - 11:07 в Шаблон Лето

Просмотр сообщенияОльга 94 (04 Май 2016 - 10:41) писал:

Теперь корректно)СПАСИБООО)
А можно ее еще выровнять относительно основного контента а не блока с сопутствующими товарами)?

Не совсем понимаю, каким образом. Вы имеете ввиду, сделать ширину меньше? Тогда в коде:

<div class="product-shop col-sm-12 col-sms-12">
         <!-- Основные вкладки описаний товара -->
  <div class="product-tabs1 clear">


измените выделенное число на меньшее, например на 8



#236616 Форма Для Емейл Подписки

Отправлено от Юля123 в 11 Май 2016 - 17:27 в Шаблон Лето

Просмотр сообщенияОльга 94 (11 Май 2016 - 15:28) писал:

Обновила, вроде тоже самое)) А можно как то вообще поменять дизайн этой плашки?? Сделать ее больше в размерах, без закругленных краев, без каких либо эффектов, простое всплывающее окно, с однотонным фоном, и шрифт внутри сделать черным и 14 размером?))

сейчас так:

QIP Shot - Screen 316.png

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

.noty_type_success .noty_text {
  color:#000;
  font-size:14px;
}

#noty_center_layout_container li {border: 0 !important;border-radius:0 !important;}




#236081 Форма Для Емейл Подписки

Отправлено от Юля123 в 04 Май 2016 - 14:51 в Шаблон Лето

Просмотр сообщенияОльга 94 (04 Май 2016 - 13:43) писал:

Юлия я видимо куда  то понатыкала и у меня нижняя форма опять не корректно открывается....Помогите пожалуйста

А по поводу вопросов, я вам позже на них отвечу в личку, хорошо?

Поправила блок. По вопросам - да, хорошо, спасибо!



#236685 Форма Для Емейл Подписки

Отправлено от Юля123 в 12 Май 2016 - 12:06 в Шаблон Лето

Просмотр сообщенияОльга 94 (12 Май 2016 - 11:34) писал:

Юля, а можно сделать по шесть картинок, а то очень много все равно свободного места остается???


В main.js в коде:


//Карусель Вы смотрели
jQuery(function($) {
var carouselU = $('.viewed .products-grid');
carouselU.owlCarousel({
items: 5,
pagination: true,
itemsScaleUp : true,
slideSpeed : 800,
autoPlay: false,
addClassActive: true,
autoHeight: true,
afterAction: function (e) {
if(this.$owlItems.length > this.options.items){
$('.viewed .navigation a').show();
}else{
$('.viewed .navigation a').hide();
}
}
});
jQuery('.viewed .navigation .prev').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.prev');
});
jQuery('.viewed .navigation .next').on('click', function(e){
e.preventDefault();
carouselU.trigger('owl.next');
});
});


значение выделенное красным изменяйте на нужное Вам



#236276 Форма Для Емейл Подписки

Отправлено от Юля123 в 06 Май 2016 - 15:20 в Шаблон Лето

Просмотр сообщенияОльга 94 (06 Май 2016 - 14:48) писал:

Прикрепила

В шаблоне Товар код:

						<div class="block viewed">

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

						<div class="block viewed clear">

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

.related-views, .related-goods {padding-top: 30px;}

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

.related-views, .related-goods, .block viewed {padding-top: 30px; }


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

.recently-item .product-image {
	display: flex;
	justify-content: center;
}
.recently-item .product-name {
	margin: 0;
}




4) В шаблоне Товар найдите код (начинается на строке 876, блок "Вы недавно просматривали"):

												<a class="cartButtonsmotr" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE && recently_viewed_goods.MAX_REST_VALUE=0 %}style="display:none;"{% ENDIF %}>В корзину</a>
												<div class="add-to-links">
										   <div class="wishlist">
														  <!-- Если есть возможность добавить товар в избранное -->
														 {% IF recently_viewed_goods.IS_HAS_IN_FAVORITES_LIST %}
																<a class="add-wishlist added"
																  data-action-is-add="0"
																  data-action-add-url="{FAVORITES_ADD_URL}"
																  data-action-delete-url="{FAVORITES_DELETE_URL}"
																  data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
																  data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
																  title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
																  href="{FAVORITES_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
																><i class="fa fa-heart"></i></a>
														  {% ELSE %}
																<a class="add-wishlist"
																  data-action-is-add="1"
																  data-action-add-url="{FAVORITES_ADD_URL}"
																  data-action-delete-url="{FAVORITES_DELETE_URL}"
																  data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное"
																  data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из избранного"
																  title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в избранное" href="{FAVORITES_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;return_to={CURRENT_URL | urlencode}"
																><i class="fa fa-heart"></i></a>
														  {% ENDIF %}
														  <!-- END Если есть возможность добавить товар в избранное -->
														</div>
														<div class="compare">
														  <!-- Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
														 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}
																{% IF recently_viewed_goods.IS_HAS_IN_COMPARE_LIST %}
																  <a class="add-compare added"
																		data-action-is-add="0"
																		data-action-add-url="{COMPARE_ADD_URL}"
																		data-action-delete-url="{COMPARE_DELETE_URL}"
																		data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
																		data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
																		data-prodname="{recently_viewed_goods.NAME}"
																		data-produrl="{recently_viewed_goods.URL}"
																		data-id="{recently_viewed_goods.ID}"
																		data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
																		title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
																		href="{COMPARE_DELETE_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
																  ><i class="fa fa-retweet"></i></a>
																{% ELSE %}
																  <a class="add-compare"
																		data-action-is-add="1"
																		data-action-add-url="{COMPARE_ADD_URL}"
																		data-action-delete-url="{COMPARE_DELETE_URL}"
																		data-action-add-title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
																		data-action-delete-title="Убрать &laquo;{recently_viewed_goods.NAME}&raquo; из списка сравнения с другими товарами"
																		data-prodname="{recently_viewed_goods.NAME}"
																		data-produrl="{recently_viewed_goods.URL}"
																		data-id="{recently_viewed_goods.ID}"
																		data-mod-id="{recently_viewed_goods.MIN_PRICE_NOW_ID}"
																		title="Добавить &laquo;{recently_viewed_goods.NAME}&raquo; в список сравнения с другими товарами"
																		href="{COMPARE_ADD_URL}?id={recently_viewed_goods.MIN_PRICE_NOW_ID}&amp;from={recently_viewed_goods.GOODS_FROM}&amp;return_to={CURRENT_URL | urlencode}"
																  ><i class="fa fa-retweet"></i></a>
																{% ENDIF %}
														  {% ENDIF %}
														  <!-- END Если в тарифном плане подключен модуль сравнения товаров и он не выключен в настройках магазина -->
														</div>
												  </div>

и удалите этот код.


по повод картинок ответила Вам в предыдущем сообщении.



#237160 Форма Для Емейл Подписки

Отправлено от Юля123 в 17 Май 2016 - 08:49 в Шаблон Лето

Просмотр сообщенияОльга 94 (16 Май 2016 - 19:02) писал:

Результат кода в шаблоне регистрации нового пользователя.  И вот здесь кстати тоже видно что сначала выходит имя а только потом фамилия

Уточните, как нужно выводить? В каком порядке?