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


Поставить Текст В Шапку На Пк И Моб. Версии

вставить текст

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

#1 Anatoly

Anatoly

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

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

Отправлено 26 Февраль 2018 - 21:34

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

1. Скажите пожалуйста как поставить текст в шапку на ПК и Моб. версии по скринам
Screenshot_19.jpg   Screenshot_20.jpg

2. И на будущее. Как можно сделать форму Быстрого заказа короткой, с полями Имя, Телефон, Емейл
Screenshot_18.jpg

#2 Firefly

Firefly

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

  • Модераторы
  • 3 810 сообщений

Отправлено 01 Март 2018 - 10:58

Просмотр сообщенияAnatoly (26 Февраль 2018 - 21:34) писал:

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

1. Скажите пожалуйста как поставить текст в шапку на ПК и Моб. версии по скринам
Прикрепленный файл Screenshot_19.jpg  Прикрепленный файл Screenshot_20.jpg

2. И на будущее. Как можно сделать форму Быстрого заказа короткой, с полями Имя, Телефон, Емейл
Прикрепленный файл Screenshot_18.jpg

Здравствуйте.
В шаблоне main.css добавил Вам код:
.header-top .block-min-order {position: absolute;display: block;float: none;left: 0;top: 28px;z-index: 1000;}

И код:
.header-top .block-min-order {position: relative;display: inline-block;float: left;}
.header-top .block-min-order-in {display: inline-block;float: left;position: relative;line-height: 42px;/*margin-left: -7px;*/font-size: 18px;}
.header-top .min_order {margin-left: 10px;}

А так же в шаблоне HTML код:
			  <div class="block-min-order">
				<div class="block-min-order-in">
				<span class="phone min_order">Минимальная сумма заказа 800 руб.</span>
				</div>
			  </div>

Измените цифру минимального заказа на требуемую.

В шаблоне Быстрый заказ добавил код:
	<script>
	$(document).ready(function() {
	  $('.fancybox-overlay #quickDeliveryCity').val('Заказ в 1 клик');
	});
	</script>

И в main.css код:
.fancybox-overlay .adress, .fancybox-overlay .customer, .fancybox-overlay .delivery, .fancybox-overlay .payment, .fancybox-overlay .coupons {display: none !important;}


#3 Anatoly

Anatoly

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

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

Отправлено 01 Март 2018 - 11:28

Просмотр сообщенияFirefly (01 Март 2018 - 10:58) писал:

Здравствуйте.В шаблоне main.css добавил Вам код:
.header-top .block-min-order {position: absolute;display: block;float: none;left: 0;top: 28px;z-index: 1000;}
И код:
.header-top .block-min-order {position: relative;display: inline-block;float: left;}.header-top .block-min-order-in {display: inline-block;float: left;position: relative;line-height: 42px;/*margin-left: -7px;*/font-size: 18px;}.header-top .min_order {margin-left: 10px;}
А так же в шаблоне HTML код:

Минимальная сумма заказа 800 руб.
Измените цифру минимального заказа на требуемую.В шаблоне Быстрый заказ добавил код:
<script>$(document).ready(function() { $('.fancybox-overlay #quickDeliveryCity').val('Заказ в 1 клик');});</script>
И в main.css код:
.fancybox-overlay .adress, .fancybox-overlay .customer, .fancybox-overlay .delivery, .fancybox-overlay .payment, .fancybox-overlay .coupons {display: none !important;}
1. По надписи Мин.заказ надо на версии ПК оставить как сейчас Screenshot_24.jpg , а на моб. версии сделать расположение как на скрине. Screenshot_25.jpg . Верхние элементы меню выровнять по центру, а текст Мин. заказ 800 руб. под этими элементами также по центру. Чтобы все это было на верхней подложке с узором, получается ее надо чуть увеличить по ширине. Но с тем условием, что ниже весь контент сдвинется вниз на то кол-во пикселей, на которое была увеличена подложка с узором. Я имею ввиду чтобы не было никакого наезда на логотип, все было ровно, все отступы были одинаковые.

2. При открытии формы Быстрый заказ, и также при закрытии всплывающего этого окна пропадает иконка корзины, надо исправить.Screenshot_23.jpg

3. Если товара нет в наличии, то надпись Товара нет в наличии была красным цветом. Screenshot_28.jpg Сейчас же она так и остается по умолчанию синим цветом.

#4 Anatoly

Anatoly

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

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

Отправлено 03 Март 2018 - 13:03

Поможет кто, уважаемые модераторы?

#5 Anatoly

Anatoly

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

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

Отправлено 05 Март 2018 - 15:13

Ребят еще раз спрашиваю, когда поможете с редактированием сайта?


К вышесказанным вопросам добавление.

Сделайте пожалуйста в форме заказа крупные чек-боксы. Чтобы если чек-бокс нажат, то было заметно, яркой галкой например.

#6 Vaccina

Vaccina

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

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

Отправлено 06 Март 2018 - 07:52

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

Прошу прощения за ожидание, зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.block-cart {margin-right: 3px;}
.form-search {padding: 0;float: left;width: 100%;}

замените на:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.block-cart {margin-right: 3px;}
.header-top{height: 80px;position: relative;}	
.header-top .col-xs-12{position: initial;width:200px; float:none;margin: 0 auto;}
.block-min-order{left: 0;text-align: center;}
.block-min-order div, .block-min-order span{float: none !important; margin: 0 !important;}
.form-search {padding: 0;width: 100%;}

далее найдите:
.product-view .product-shop .goodsDataMainModificationArtNumber span, .product-view .product-shop .goodsDataMainModificationAvailable span {color: #52B3D9;}

после него пропишите:
.product-view .product-shop .goodsDataMainModificationAvailable .available-false span {color: red;}

далее зайдите в шаблон Быстрый заказ - найдите:
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartCount">
  <a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i></a>

замените на:
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartCount">
  <a href="{CART_URL}"><i class="fa fa-shopping-bag">&nbsp;</i></a>


#7 Anatoly

Anatoly

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

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

Отправлено 06 Март 2018 - 09:01

Просмотр сообщенияVaccina (06 Март 2018 - 07:52) писал:

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

Прошу прощения за ожидание, зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.block-cart {margin-right: 3px;}
.form-search {padding: 0;float: left;width: 100%;}

замените на:
@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.block-cart {margin-right: 3px;}
.header-top{height: 80px;position: relative;}
.header-top .col-xs-12{position: initial;width:200px; float:none;margin: 0 auto;}
.block-min-order{left: 0;text-align: center;}
.block-min-order div, .block-min-order span{float: none !important; margin: 0 !important;}
.form-search {padding: 0;width: 100%;}

далее найдите:
.product-view .product-shop .goodsDataMainModificationArtNumber span, .product-view .product-shop .goodsDataMainModificationAvailable span {color: #52B3D9;}

после него пропишите:
.product-view .product-shop .goodsDataMainModificationAvailable .available-false span {color: red;}

далее зайдите в шаблон Быстрый заказ - найдите:
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartCount">
<a href="{CART_URL}"><i class="fa fa-shopping-cart">&nbsp;</i></a>

замените на:
<!-- Блок для обновления данных корзины. Не виден пользователю -->
<div style="display:none;" id="newCartCount">
<a href="{CART_URL}"><i class="fa fa-shopping-bag">&nbsp;</i></a>

Спасибо.

Пропустили один вопрос по форме, изменение стиля радиокнопок.
1. Скажите пожалуйста как сделать в форме заказа крупные радиокнопки. Чтобы если радиокнопка нажата, то было заметно, яркой галкой например. Увеличить размер. Screenshot_28.jpg

2. Заметил в карточке товара при выборе модификации товара из выпадающего списка при наведении-выборе фон бледно-синий стал, текст белый не читается.
Как, где изменить цвет фона в выпадающем списке? Screenshot_30.jpg

#8 Danil

Danil

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

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

Отправлено 06 Март 2018 - 11:03

Просмотр сообщенияAnatoly (06 Март 2018 - 09:01) писал:

Спасибо.

Пропустили один вопрос по форме, изменение стиля радиокнопок.
1. Скажите пожалуйста как сделать в форме заказа крупные радиокнопки. Чтобы если радиокнопка нажата, то было заметно, яркой галкой например. Увеличить размер. Прикрепленный файл Screenshot_28.jpg

2. Заметил в карточке товара при выборе модификации товара из выпадающего списка при наведении-выборе фон бледно-синий стал, текст белый не читается.
Как, где изменить цвет фона в выпадающем списке? Прикрепленный файл Screenshot_30.jpg
Здравствуйте.
1) Изменения Вам произвел, проверьте, пожалуйста.
2) Пришлите, пожалуйста, ссылку на товар с модификацией.

#9 Anatoly

Anatoly

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

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

Отправлено 06 Март 2018 - 11:27

Просмотр сообщенияDanil (06 Март 2018 - 11:03) писал:

Здравствуйте.1) Изменения Вам произвел, проверьте, пожалуйста.2) Пришлите, пожалуйста, ссылку на товар с модификацией.

Спасибо. Все хорошо.




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

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