Отключен JavaScript

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

0

Установить 3 Баннера На Главную

Автор Santos, 27 нояб. 2014 23:13

Вперед

Авторизуйтесь для ответа в теме

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

#1 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 27 Ноябрь 2014 - 23:13

Здравствуйте!
Помогите установить 3 баннера ссылками - на главной под слайдером...перепробовал многие способы, которые указаны в форумах...получается не то что хотелось...
Нужно в таком виде:

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

Наверх

#2 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 28 Ноябрь 2014 - 16:54

Уважаемые модераторы! Мне кто нибудь ответит?????????????

Наверх

#3 Danil

Активный участник

Пользователи
4 645 сообщений

Отправлено 28 Ноябрь 2014 - 17:00

Santos (28 Ноябрь 2014 - 16:54) писал:

Уважаемые модераторы! Мне кто нибудь ответит?????????????

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

Наверх

#4 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 28 Ноябрь 2014 - 17:45

Danil (28 Ноябрь 2014 - 17:00) писал:

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

Здравствуйте! аккаунт sl-16454

Наверх

#5 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 29 Ноябрь 2014 - 10:03

Santos (28 Ноябрь 2014 - 17:45) писал:

Здравствуйте! аккаунт sl-16454

Здравствуйте,
найдите в HTML

<div class="banners">
<div class="imgs">
<a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc1.jpg" /></a>
<a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc2.jpg" /></a>
<a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc3.jpg" /></a>
</div>
</div>

замените на

<div class="banners">

<div class="imgs"> <a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc1.jpg" /></a></div>
<div class="imgs"> <a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc2.jpg" /></a></div>
<div class="imgs"> <a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc3.jpg" /></a>
</div>
</div>

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

.imgs {
display: inline;
margin: 0 auto;
margin-left: 97px;
}

Наверх

#6 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 29 Ноябрь 2014 - 14:03

Ирина345 (29 Ноябрь 2014 - 10:03) писал:

Здравствуйте,
найдите в HTML

<div class="banners">
<div class="imgs">
<a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc1.jpg" /></a>
<a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc2.jpg" /></a>
<a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc3.jpg" /></a>
</div>
</div>

замените на

<div class="banners">

<div class="imgs"> <a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc1.jpg" /></a></div>
<div class="imgs"> <a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc2.jpg" /></a></div>
<div class="imgs"> <a href="ваша ссылка"><img src="{ASSETS_IMAGES_PATH}bloc3.jpg" /></a>
</div>
</div>

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

.imgs {
display: inline;
margin: 0 auto;
margin-left: 97px;
}

Увы Ирина, ни чего не вышло( блоки встали вертикально по левому краю...есть еще варианты?

Наверх

#7 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 29 Ноябрь 2014 - 14:09

Santos (29 Ноябрь 2014 - 14:03) писал:

Увы Ирина, ни чего не вышло( блоки встали вертикально по левому краю...есть еще варианты?

Вы не выполнили инструкцию полностью
добавьте в конец main.css код

.imgs {
display: inline;
margin: 0 auto;
margin-left: 97px;
}

Наверх

#8 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 29 Ноябрь 2014 - 14:11

Ирина345 (29 Ноябрь 2014 - 14:09) писал:

Вы не выполнили инструкцию полностью
добавьте в конец main.css код

.imgs {
display: inline;
margin: 0 auto;
margin-left: 97px;
}

Ирина, все стоит)) я так понимаю, для картинок нужно задать код с размером, чтобы они уменьшились автоматом и встали в линию?
И еще, почему в Мозиле блоки встают вряд горизонтально как надо, а в Хроме - вертикально, может надо что то подправить в шаблоне????
Ответьте пожалуйста!!!!

Наверх

#9 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 29 Ноябрь 2014 - 15:47

Santos (29 Ноябрь 2014 - 14:11) писал:

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

из-за ошибок в файле main.css стили не применились
найдите

.imgs {
display: inline;
margin: 0 auto;
margin-left: 97px;
}

и переместите его после строки

/******************************************************************************
  Фиксы для различных бруезеров
*******************************************************************************/

Наверх

#10 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 29 Ноябрь 2014 - 15:52

Ирина345 (29 Ноябрь 2014 - 15:47) писал:

из-за ошибок в файле main.css стили не применились
найдите

.imgs {
display: inline;
margin: 0 auto;
margin-left: 97px;
}

и переместите его после строки

/******************************************************************************
Фиксы для различных бруезеров
*******************************************************************************/

Ирина, подскажите какие у меня ошибки в css ??? я их исправлю

Наверх

#11 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 29 Ноябрь 2014 - 16:21

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

Наверх

#12 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 29 Ноябрь 2014 - 16:27

Santos (29 Ноябрь 2014 - 15:52) писал:

Ирина, подскажите какие у меня ошибки в css ??? я их исправлю

Это скорее не ошибка, а специфическое условие, которое написано специально для определенных браузеров, у вас отсутствует закрывающая скобка по этой причине не сработал код
найдите

  @media all and (max-width:1200px) {
.goods-image-small{width:100%;}
}

замените на


  @media all and (max-width:1200px) {
.goods-image-small{width:100%;}
}}

Santos (29 Ноябрь 2014 - 16:21) писал:

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

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

.banners {
margin-top: 12px;
}

Наверх

#13 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 29 Ноябрь 2014 - 16:37

Ирина345 (29 Ноябрь 2014 - 16:27) писал:

Это скорее не ошибка, а специфическое условие, которое написано специально для определенных браузеров, у вас отсутствует закрывающая скобка по этой причине не сработал код
найдите

@media all and (max-width:1200px) {
.goods-image-small{width:100%;}
}

замените на


@media all and (max-width:1200px) {
.goods-image-small{width:100%;}
}}

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

.banners {
margin-top: 12px;
}

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

Наверх

#14 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 29 Ноябрь 2014 - 16:54

Santos (29 Ноябрь 2014 - 16:37) писал:

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

Найдите в main.css

.product .not-rotation-actions {
background: #00c59c;
bottom: 0;
left: 0;
right: 0;
padding: 9px 10px;
position: absolute;
text-align: center;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
z-index: 1;
height: 72px;
width: 99.9%;
}

замените на

.product .not-rotation-actions {
background: #00c59c;
bottom: 0;
left: 0;
right: 0;
padding: 9px 10px;
position: absolute;
text-align: center;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
z-index: 1;
height: 72px;
display: none;
width: 99.9%;
}

Наверх

#15 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 29 Ноябрь 2014 - 17:32

Ирина345 (29 Ноябрь 2014 - 16:54) писал:

Найдите в main.css

.product .not-rotation-actions {
background: #00c59c;
bottom: 0;
left: 0;
right: 0;
padding: 9px 10px;
position: absolute;
text-align: center;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
z-index: 1;
height: 72px;
width: 99.9%;
}

замените на

.product .not-rotation-actions {
background: #00c59c;
bottom: 0;
left: 0;
right: 0;
padding: 9px 10px;
position: absolute;
text-align: center;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
z-index: 1;
height: 72px;
display: none;
width: 99.9%;
}

Спасибо большое! Ирина, а как в подвале вместо блока "обратный звонок" поставить блок "связь с администрацией" как в шаблоне Движение.

Наверх

#16 Ирина345

Активный участник

Модераторы
5 709 сообщений

Отправлено 29 Ноябрь 2014 - 17:55

Santos (29 Ноябрь 2014 - 17:32) писал:

Спасибо большое! Ирина, а как в подвале вместо блока "обратный звонок" поставить блок "связь с администрацией" как в шаблоне Движение.

Вы хотите добавить поле для ввода текста.
найдите в hTML

 <!-- Обратный звнок -->
			<div class="col-xs-12 col-sm-6 col-md-3 widget callback">
			  <div class="footer-header">
				<h3 class="title">Обратный звонок</h3>
			  </div>
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				<input type="hidden" name="hash" value="{HASH}" />
				<input class="callbackredirect" type="hidden" name="return_to" />
				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				<div>
				  <input class="form-control callback_person required" id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50"/>
				</div>
				<div>
				  <input class="form-control callback_phone required" id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50"/>
				</div>
				  {% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
			  </form>
			</div>
			<!-- END Обратный звнок -->

замените на

 <!-- Обратный звнок -->
			<div class="col-xs-12 col-sm-6 col-md-3 widget callback">
			  <div class="footer-header">
				<h3 class="title">Связь с администрацией</h3>
			  </div>
			  <form method="post" action="{CALLBACK_URL}" class="callbackForm" enctype="multipart/form-data">
				<input type="hidden" name="hash" value="{HASH}" />
				<input class="callbackredirect" type="hidden" name="return_to" />
				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				<div>
				  <input class="form-control callback_person required" id="callback_person" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50"/>
				</div>
				<div>
				  <input class="form-control callback_phone required" id="callback_phone" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50"/>
				</div>
			   <div> <textarea id="form-control callback_comment" class="textarea" rows="7" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_COMMENT}]"  >{FORM_CALLBACK_COMMENT}</textarea> </div>
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="submit">Отправить</button>{% ENDIF %}
			  </form>
			</div>
			<!-- END Обратный звнок -->

или Вы хотите что бы была форма связи с администрацией.

Наверх

#17 Santos

Активный участник

Пользователи
323 сообщений

Отправлено 29 Ноябрь 2014 - 18:00

Да, мне нужна форма "обратной связи" как в шаблоне Движение в подвале...

Наверх

#18 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 04 Декабрь 2014 - 07:23

Стандартный код формы обратной связи в шаблоне Движение:

<div class="wrapper">
			 <div class="submit_message"></div>
			 {% IF FORM_SEND_OK %}<div class="success">Ваше сообщение успешно отправлено администрации магазина</div>{% ENDIF %}	
		
			 <form method="post" action="javascript:void(null);" id="feedbackForm" enctype="multipart/form-data">
			 {% IFNOT FORM_SEND_OK %}
				 <input type="hidden" name="hash" value="{HASH}" />
				 <!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				 {ANTISPAM_CODE}
				 <div class="left">
				 <p><label for="feedback_name" class="required">Представьтесь, пожалуйста<em>*</em></label></p>
				 <span class="forname logoinput">&nbsp;</span>
				 <input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="required"/>
				 <p><label for="feedback_email" class="required">Электронная почта<em>*</em></label></p>
				 <span class="foremail logoinput">&nbsp;</span>
				 <input id="feedback_email" type="email" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_EMAIL}]" value="{FORM_FEEDBACK_EMAIL}" maxlength="255" class="required email input-text"/>
				 <!--<p><label for="feedback_file" class="required">Прикрепить файл</label></p>
				 <input id="feedback_file" type="file" name="form[assets_file]" value="" />-->
				 <p><label for="feedback_message" class="required">Текст сообщения<em>*</em></label></p>
				 <textarea id="feedback_message" rows="11" cols="40" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_MESSAGE}]" class="required">{FORM_FEEDBACK_MESSAGE}</textarea>
				 </div>
				 <div class="clear"></div>
			 {% ENDIF %}
			 <div class="buttons">
				 <div class="left">
				 <p class="back-link">{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="buy_button">Отправить</button>{% ENDIF %}</p>
				
				 </div>
				 <div class="clear"></div>
			 </div>
			 </form>
		 </div>

Стили:

/* Связь с администрацией */
.logoinput { width:30px; height:30px; display:inline-block; float:left; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; }
.logoinput.forname { background: #ccc url('{ASSETS_IMAGEs_PATH}logo-name.png') center center no-repeat; }
.logoinput.foremail { background: #ccc url('{ASSETS_IMAGEs_PATH}logo-email.png') center center no-repeat; }
label.invalidInput {display: block; clear: both; color: #ff0000;margin-bottom: 10px;padding-left: 20px; position: relative;}
label.invalidInput:before {content: "!"; display: block; position: absolute;left: 0; padding: 0 6px; font-size: 10px; font-weight: bold; background: #FFeeee;border: solid 1px #ff0000; border-radius: 50%;}
/* END Связь с администрацией */

И сами иконки:

Наверх

#19 tolikkansk

Активный участник

Пользователи
357 сообщений

Отправлено 05 Февраль 2015 - 11:13

Некорректно отображается обратная связь, http://e54023.storeland.ru/ Аккаунт SL-319026

Наверх

#20 Vaccina

Активный участник

Модераторы
24 353 сообщений

Отправлено 06 Февраль 2015 - 01:17

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

<div class="wrapper">
						 <div class="submit_message"></div>

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

<div class="col-xs-12 col-sm-6 col-md-3 widget social">
<div class="footer-header">
				<h3 class="title">Обратная связь</h3>
			  </div>
						 <div class="submit_message"></div>

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

<input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="required"/>

замените на:

<input id="feedback_name" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_FEEDBACK_NAME}]" value="{FORM_FEEDBACK_NAME}" maxlength="50" class="required input-text"/>