Установить 3 Баннера На Главную
#1
Отправлено 27 Ноябрь 2014 - 23:13
Помогите установить 3 баннера ссылками - на главной под слайдером...перепробовал многие способы, которые указаны в форумах...получается не то что хотелось...
Нужно в таком виде:
#2
Отправлено 28 Ноябрь 2014 - 16:54
#3
Отправлено 28 Ноябрь 2014 - 17:00
Santos (28 Ноябрь 2014 - 16:54) писал:
Сайт указанный в профиле, не соответствует сайту на скриншоте.
Пришлите номер аккаунта.
Так же не забывайте, что нужно присылать скриншот с отметками, того сайта, на котором нужно произвести изменения, т.к. дизайны могут отличатся.
#4
Отправлено 28 Ноябрь 2014 - 17:45
Danil (28 Ноябрь 2014 - 17:00) писал:
Сайт указанный в профиле, не соответствует сайту на скриншоте.
Пришлите номер аккаунта.
Так же не забывайте, что нужно присылать скриншот с отметками, того сайта, на котором нужно произвести изменения, т.к. дизайны могут отличатся.
#5
Отправлено 29 Ноябрь 2014 - 10:03
Santos (28 Ноябрь 2014 - 17:45) писал:
найдите в 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
Отправлено 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; }
Увы Ирина, ни чего не вышло( блоки встали вертикально по левому краю...есть еще варианты?
#8
Отправлено 29 Ноябрь 2014 - 14:11
Ирина345 (29 Ноябрь 2014 - 14:09) писал:
добавьте в конец main.css код
.imgs { display: inline; margin: 0 auto; margin-left: 97px; }
И еще, почему в Мозиле блоки встают вряд горизонтально как надо, а в Хроме - вертикально, может надо что то подправить в шаблоне????
Ответьте пожалуйста!!!!
#9
Отправлено 29 Ноябрь 2014 - 15:47
Santos (29 Ноябрь 2014 - 14:11) писал:
найдите
.imgs { display: inline; margin: 0 auto; margin-left: 97px; }и переместите его после строки
/****************************************************************************** Фиксы для различных бруезеров *******************************************************************************/
#10
Отправлено 29 Ноябрь 2014 - 15:52
Ирина345 (29 Ноябрь 2014 - 15:47) писал:
найдите
.imgs { display: inline; margin: 0 auto; margin-left: 97px; }и переместите его после строки
/****************************************************************************** Фиксы для различных бруезеров *******************************************************************************/
#11
Отправлено 29 Ноябрь 2014 - 16:21
#12
Отправлено 29 Ноябрь 2014 - 16:27
Santos (29 Ноябрь 2014 - 15:52) писал:
найдите
@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
Отправлено 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
Отправлено 29 Ноябрь 2014 - 16:54
Santos (29 Ноябрь 2014 - 16:37) писал:
.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
Отправлено 29 Ноябрь 2014 - 17:32
Ирина345 (29 Ноябрь 2014 - 16:54) писал:
.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
Отправлено 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
Отправлено 29 Ноябрь 2014 - 18:00
#18
Отправлено 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"> </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"> </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
Отправлено 05 Февраль 2015 - 11:13
#20
Отправлено 06 Февраль 2015 - 01:17
<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"/>
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных