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


Набор Исправлений

шапка заявка цвета фон

  • Авторизуйтесь для ответа в теме
Сообщений в теме: 11

#1 andrew_z

andrew_z

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений

Отправлено 13 Сентябрь 2015 - 20:03

Добрый день. Аккаунт SL-356614
Чтобы довести сайт до ума, нужна помощь по следующим вопросам.

1) Как добавить текст между номером телефона и верхнем меню? На скриншоте под цифрой 1. Шрифт должен быть такого же размера и цвета как и меню сверху-справа.

2) Нужно добавить возможность написать дискрипшн рядом с лого. На скришоте под цифрой 2. Нужно чтобы текст писался в два ряда. Шрифт был такой же как и меню сверху-справа.

3) Поменять весь серый цвет шрифта( на страничках, в карточках товара, в квадратиках преимуществ, меню и заголовки в футере, разделы каталога, наименование товара, цена и серую рамочку в которой находится фото и данные о товаре)) на черный.

4)Добавить поле для текста между номером телефона и поиском. телефон чуть вверх нужно поднять.

5) Удалить графу поиска на сайте. И вместо нее добавить кнопку обратного звонка. При нажатии на кнопку должна появляться форма заявки с полем для имени и номера телефона.

6)В каталоге изменить карточку товара. При наведении на товар появляется голубой фон посередине, рамка становится голубой, меняет цвет цена и наименование. Нужно сделать цвет более синим, и не таким ярким. Или показать где можно его изменять.

7) ЧТобы после того как товар положен в корзину, при нажатии на кнопку "оформить заказ" не переходило к процессу оплаты. А вызывалась форма заявки с полями для имени и телефона.

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

  • пример.jpg


#2 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 13 Сентябрь 2015 - 20:39

Просмотр сообщенияandrew_z (13 Сентябрь 2015 - 20:03) писал:

Добрый день. Аккаунт SL-356614
Чтобы довести сайт до ума, нужна помощь по следующим вопросам.

1) Как добавить текст между номером телефона и верхнем меню? На скриншоте под цифрой 1. Шрифт должен быть такого же размера и цвета как и меню сверху-справа.

2) Нужно добавить возможность написать дискрипшн рядом с лого. На скришоте под цифрой 2. Нужно чтобы текст писался в два ряда. Шрифт был такой же как и меню сверху-справа.

3) Поменять весь серый цвет шрифта( на страничках, в карточках товара, в квадратиках преимуществ, меню и заголовки в футере, разделы каталога, наименование товара, цена и серую рамочку в которой находится фото и данные о товаре)) на черный.

4)Добавить поле для текста между номером телефона и поиском. телефон чуть вверх нужно поднять.

5) Удалить графу поиска на сайте. И вместо нее добавить кнопку обратного звонка. При нажатии на кнопку должна появляться форма заявки с полем для имени и номера телефона.

6)В каталоге изменить карточку товара. При наведении на товар появляется голубой фон посередине, рамка становится голубой, меняет цвет цена и наименование. Нужно сделать цвет более синим, и не таким ярким. Или показать где можно его изменять.

7) ЧТобы после того как товар положен в корзину, при нажатии на кнопку "оформить заказ" не переходило к процессу оплаты. А вызывалась форма заявки с полями для имени и телефона.
Здравствуйте.
1. В шаблоне HTML перед
			</div>
			<div class="topheader-right col-xs-7">
вставьте
			<div style="margin-left:5px;">Текст</div>
2. Дескрипшн в данном месте нельзя. Если Вы желаете просто вставить текст, то вставьте его перед
			</div>
			<!-- END: Logo -->
в виде
			<div style="margin-left:5px;">Текст</div>
3. В main.css с помощью сочетания клавиш Ctrl+F откройте поисковое окно, и найдя замените везде цвета
#909090
#c9c9c9
#666666
на нужные.
4. В шаблоне HTML замените
						   <div class="phoneright">+7 (812) 925-47-18</div>
на
						   <div class="phoneright">+7 (812) 925-47-18<br>
								  <div>Текст</div>
</div>
после чего в main.css замените
.phoneright {
		text-align: right;
		padding-bottom: 20px;
		font-size: 20px;
}
на
.phoneright {
		text-align: right;
		padding-bottom: 20px;
		font-size: 20px;
		margin-top: -20px;
}


#3 andrew_z

andrew_z

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений

Отправлено 14 Сентябрь 2015 - 00:04

Спасибо.
Можно по пунктам 5-7?

#4 Ирина345

Ирина345

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

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

Отправлено 14 Сентябрь 2015 - 15:31

Просмотр сообщенияandrew_z (14 Сентябрь 2015 - 00:04) писал:

Спасибо.
Можно по пунктам 5-7?
Здравствуйте,
5. найдите в шаблоне hTML

<div class="block-search">
					<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="inputText search-string" placeholder="Поиск по магазину...">
						<button type="submit" title="Искать" class="button search-submit"></button>
					  </div>
					</form>
				  </div>

замените на

<div class="block-search">
				  <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/callback?only_body=1">Заказать обратный звонок</a>
				  </div>



<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>


6. найдите в файле main.css

.products-grid .item .item-inner .item-img .item-box-hover {z-index: 2;background-color: #3cabda;background-color: rgba(62, 171, 218, 0.8);position: absolute;width: 100%;height: 90px;bottom: -90px;left: 0px;}
изменяете значение background-color: rgba(62, 171, 218, 0.8);
далее найдите
.products-grid .item:hover .item-inner .item-img {border-color: #3cabda;}
изменяете значение border-color: #3cabda;

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

.products-grid .item:hover .item-inner .item-img .cart-wrap .btn-cart {border-color: #3cabda;background-color: #3cabda;color: #FFF;}
изменяете значение background-color: #3cabda

#5 andrew_z

andrew_z

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений

Отправлено 15 Сентябрь 2015 - 14:43

Добрый день.
Спасибо за ответы. Но немного не получилось.

1) Сверху бесплатная доставка Должна быть посередине между левым номером и правым меню. http://c2n.me/3nvHEcK

2) Дескрипшн криво вставился. Нужно перенести "итальянских кофемашин делонги" под интернет-магазин. И отодвинуть эту конструкцию чуть вправо.

3) Работаем по всей России - нужно чтобы было шрифтом таким же как и верхнее меню(т.е. тонким)

4) Использовал ваш ответ, но поиск так и не удалился а кнопка заявки не появилась:

Цитата

5. найдите в шаблоне hTML

<div class="block-search">
                                        <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="inputText search-string" placeholder="Поиск по магазину...">
                                                <button type="submit" title="Искать" class="button search-submit"></button>
                                          </div>
                                        </form>
                                  </div>

замените на


<div class="block-search">
                                  <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/...ody=1">Заказать обратный звонок</a>
                                  </div>



<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>


6. Ответьте пожалуйста на вопрос:

Цитата

ЧТобы после того как товар положен в корзину, при нажатии на кнопку "оформить заказ" не переходило к процессу оплаты. А вызывалась форма заявки с полями для имени и телефона.

7. Когда менял все цвета на черные случайно поменял значки соцсетей. Не могли бы вы подсказать где в mail.css обратно изменить цвет?

8. Как написать текст на синем фоне слева от слайдера? Чтобы он был статичен.


9. Какие размеры должны быть у фотографий на слайдере?

#6 andrew_z

andrew_z

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений

Отправлено 15 Сентябрь 2015 - 15:06

Еще вопрос. Как удалить эти две строчки?

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

  • 123.jpg


#7 andrew_z

andrew_z

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений

Отправлено 16 Сентябрь 2015 - 12:00

Уважаемые администраторы. Ответьте, пожалуйста, не игнорируйте. Нужно запускаться уже((

#8 Alekseys

Alekseys

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

  • Пользователи
  • PipPipPipPip
  • 2 355 сообщений

Отправлено 16 Сентябрь 2015 - 13:04

Просмотр сообщенияandrew_z (16 Сентябрь 2015 - 12:00) писал:

Уважаемые администраторы. Ответьте, пожалуйста, не игнорируйте. Нужно запускаться уже((
Здравствуйте. В разделе Сайт - Редактор шаблонов - Товар удалите
			  <h5>Вариант {goods_delivery.index}: {goods_delivery.NAME}</h5>
и замените
			  {% IF goods_delivery.rules_empty %}
				{% IF goods_delivery.PRICE=0 %}
				  Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong>
				{% ELSE %}
				  Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong>
				{% ENDIF %}
			  {% ELSE %}
				<h6>Стоимость доставки зависит от суммы заказа</h6>
				{% FOR rules %}
				  <div>Для заказов больше <strong>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.rules.PRICE | money_format}</strong></div>
				{% ENDFOR %}
				  <div>Для заказов меньше <strong>{goods_delivery.SUM_LESS_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.PRICE | money_format}</strong></div>
			  {% ENDIF %}
на
			  <!--{% IF goods_delivery.rules_empty %}
				{% IF goods_delivery.PRICE=0 %}
				  Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong>
				{% ELSE %}
				  Стоимость доставки: <strong>{goods_delivery.PRICE | money_format}</strong>
				{% ENDIF %}
			  {% ELSE %}
				<h6>Стоимость доставки зависит от суммы заказа</h6>
				{% FOR rules %}
				  <div>Для заказов больше <strong>{goods_delivery.rules.SUM_MORE_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.rules.PRICE | money_format}</strong></div>
				{% ENDFOR %}
				  <div>Для заказов меньше <strong>{goods_delivery.SUM_LESS_PRICE | money_format}</strong> - доставка <strong>{goods_delivery.PRICE | money_format}</strong></div>
			  {% ENDIF %}-->


#9 andrew_z

andrew_z

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений

Отправлено 16 Сентябрь 2015 - 14:05

Вот на это еще не ответили.

Цитата

1) Сверху бесплатная доставка Должна быть посередине между левым номером и правым меню. http://c2n.me/3nvHEcK

2) Дескрипшн криво вставился. Нужно перенести "итальянских кофемашин делонги" под интернет-магазин. И отодвинуть эту конструкцию чуть вправо.

3) Работаем по всей России - нужно чтобы было шрифтом таким же как и верхнее меню(т.е. тонким)

4) Использовал ваш ответ, но поиск так и не удалился а кнопка заявки не появилась:

Цитата


5. найдите в шаблоне hTML

<div class="block-search">
<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="inputText search-string" placeholder="Поиск по магазину...">
<button type="submit" title="Искать" class="button search-submit"></button>
  </div>
</form>
  </div>

замените на


<div class="block-search">
  <a class="callback fancybox.ajax" href="http://{NET_DOMAIN}/...ody=1">Заказать обратный звонок</a>
  </div>



<script>
$(document).ready(function() {
$(".callback").fancybox({
maxWidth : 300,
maxHeight : 330,
fitToView : false,
width : '70%',
height : '70%',
autoSize : false,
closeClick : false,
openEffect : 'none',
closeEffect : 'none'
});
});
</script>


6. Ответьте пожалуйста на вопрос:

Цитата


ЧТобы после того как товар положен в корзину, при нажатии на кнопку "оформить заказ" не переходило к процессу оплаты. А вызывалась форма заявки с полями для имени и телефона.


7. Когда менял все цвета на черные случайно поменял значки соцсетей. Не могли бы вы подсказать где в mail.css обратно изменить цвет?

8. Как написать текст на синем фоне слева от слайдера? Чтобы он был статичен.



9. Какие размеры должны быть у фотографий на слайдере?


#10 Ирина345

Ирина345

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

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

Отправлено 17 Сентябрь 2015 - 12:09

Просмотр сообщенияandrew_z (16 Сентябрь 2015 - 14:05) писал:

Вот на это еще не ответили.
Здравствуйте,
1.Найдите в шаблоне HTML
<div style="margin-left:5px;">Бесплатная доставка по РФ!</div>
 
          
замените на
<div  class="dostavka" style="margin-left:5px;">Бесплатная доставка по РФ!</div>
 
        
в конец main.css добавьте




.dostavka {
	left: 94% !important;
	position: absolute;
	width: 173px;
}


2 найдите в main.css
#breadcrumbs:before, #slideshow:before {background-image: url("{ASSETS_IMAGES_PATH}sl-bg.jpg");background-color: #3cabda;background-position: top center;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}
замените на


#breadcrumbs:before, #slideshow:before {background: url("{ASSETS_IMAGES_PATH}sl-bg.jpg") 35% 6px;background-color: #3cabda;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}




3. данный шрифт одинаковый, разница в размере шрифта,  если увеличить размер меню, они будут одинаковыми
4. найдите в шаблоне HTML
 <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="inputText search-string" placeholder="Поиск по магазину...">
					<button type="submit" title="Искать" class="button search-submit"></button>
				  </div>
				</form>
замените на

<div> <a class="callback fancybox.ajax" href="http://x125379.storeland.ru/callback?only_body=1">Заказать обратный звонок</a>
							   </div>

6. найдите в шаблоне Корзина код

  
 <a id="startOrder" class="button" title="Перейти к оформлению заказа">Оформить заказ</a>
				<a id="closeOrder" class="button" title="Отменить оформление заказа">Отменить заказ</a>
				<a class="button form-submit denybot" title="Перейти к оформлению заказа" style="display:none;">Оформить заказ</a>

замените на

   <a id="startOrder" class="button" title="Перейти к оформлению заказа" style="display:none;" >Оформить заказ</a>
				<a id="closeOrder" class="button" title="Отменить оформление заказа">Отменить заказ</a>
				<a class="button form-submit denybot" title="Перейти к оформлению заказа" >Оформить заказ</a>
	   

7. найдите в main.css

#header .header-right .header-right-inner .connect-us li a {display: inline-block;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border: 1px solid #dfdfdf;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;color: #000000;}
изменяете значение color: #000000;

#11 andrew_z

andrew_z

    Новичок

  • Пользователи
  • Pip
  • 7 сообщений

Отправлено 17 Сентябрь 2015 - 14:04

Огромное спасибо, Ирина.
Уделите еще минутку внимания.

1)

Цитата

Дескрипшн криво вставился. Нужно перенести "итальянских кофемашин делонги" под интернет-магазин. И отодвинуть эту конструкцию чуть вправо.
Ваш ответ не помог. К сожалению, все осталось без изменений.

2)Справа под номером телефона и над соц сетями надпись "Работаем по всей России!". Нужно эту строчку сделать мелким шрифтом, как верхнее меню. При этом размер номера телефона должен остаться большим.

3)Заказать обратный звонок, нужно сделать на 2 пункта больше, сместить правее под иконки соц сетей и сделать жирным.

4) В форме обратной связи нужно оставить только Имя и телефон.

5)

Цитата

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

6) Сделал надпись на бэкграунде в фотошопе и залил на сайт. Как сделать так чтобы надпись отображалась только на главной, а на других страницах ее не было? Скрин

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

  • 11111.png


#12 support 2.0

support 2.0

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

  • Модераторы
  • 4 950 сообщений

Отправлено 24 Сентябрь 2015 - 16:52

Просмотр сообщенияandrew_z (17 Сентябрь 2015 - 14:04) писал:

Огромное спасибо, Ирина.
Уделите еще минутку внимания.

1)

Ваш ответ не помог. К сожалению, все осталось без изменений.

2)Справа под номером телефона и над соц сетями надпись "Работаем по всей России!". Нужно эту строчку сделать мелким шрифтом, как верхнее меню. При этом размер номера телефона должен остаться большим.

3)Заказать обратный звонок, нужно сделать на 2 пункта больше, сместить правее под иконки соц сетей и сделать жирным.

4) В форме обратной связи нужно оставить только Имя и телефон.

5)

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

6) Сделал надпись на бэкграунде в фотошопе и залил на сайт. Как сделать так чтобы надпись отображалась только на главной, а на других страницах ее не было? Скрин

1. На Вашем сайте постаралась настроить эту надпись. Посмотрите, пожалуйста. Вроде на всех разрешениях экрана примерно по центру стоит.
2. Добавила Вам в main.css строчку:
.phoneright div {font-size:12px;}
Для изменения размера шрифта во фразе "Работаем по всей России!" меняйте 12px

3. Добавила в main.css
#header .header-right .header-right-inner div a { font-size: 14px; font-weight: bold; float: right;}
Для изменения размера шрифта "Заказать обратный звонок" изменяйте 14 px.

4. Сделано. Закомментировала другие строчки в шаблоне Обратная связь"

5. Я так понимаю, при отправке такой формы Вам должна будет придти вся информация по клиенту: Какой товар, какая сумма, ФИО, телефон.
Здесь можно сделать 2 варианта по реализации:
1) при нажатии на кнопку оформить заказ - всплывающее окно быстрого заказа
2) при нажатии на кнопку оформить заказ на этой же странице ниже открываются поля для заполнения из быстрого заказа (как в шаблоне Бистро).
Похожее делали для шаблона Сияние.
Напишите какой вариант Вам больше подходит.

6. Изменила Вам строчку в main.css
#breadcrumbs:before, #slideshow:before {background: url("{ASSETS_IMAGES_PATH}sl-bg.jpg") 35% 6px;background-color: #3cabda;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}
на
#slideshow:before {background: url("{ASSETS_IMAGES_PATH}sl-bg.jpg") 35% 6px;}
#breadcrumbs:before, #slideshow:before {background-color: #3cabda;background-repeat: no-repeat;bottom: 0;content: "";display: block;left: 0;position: absolute;right: 0;top: -80px;z-index: -1;}
и удалила дублирующую строчку
#breadcrumbs:before {content: '';display: block;position: absolute;left: 0;right: 0;bottom: 0;top: -80px;z-index: -1;}

Сообщение отредактировал support 2.0: 24 Сентябрь 2015 - 20:44
дописаны ответы 4,5 и 6






Темы с аналогичным тегами шапка заявка, цвета, фон

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных