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


Изменение Главной Страницы


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

#41 Firefly

Firefly

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

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

Отправлено 20 Май 2017 - 13:25

Просмотр сообщенияRasa (20 Май 2017 - 12:54) писал:

Здравствуйте. Картинку добавил на страницу. Ниже картинки можете добавить такой обратный звонок?

Здравствуйте.
Обернул Вам код картинки на странице Оптом и мел.оптом:
<a class="callback" href="#fancybox-callback">

Теперь при нажатии на нее будет всплывать форма обратного звонка

#42 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 20 Май 2017 - 15:27

Просмотр сообщенияFirefly (20 Май 2017 - 13:25) писал:

Здравствуйте.
Обернул Вам код картинки на странице Оптом и мел.оптом:
<a class="callback" href="#fancybox-callback">

Теперь при нажатии на нее будет всплывать форма обратного звонка
Хорошо. Необычно получилось) Обернете еще раз код картинки. Картинку изменил, и теперь обратный звонок не выходит. Картинку надо растянуть по ширине страницы. Еще в МВ сайта картинка не адаптируется. Спасибо

#43 Firefly

Firefly

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

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

Отправлено 20 Май 2017 - 16:25

Просмотр сообщенияRasa (20 Май 2017 - 15:27) писал:

Хорошо. Необычно получилось) Обернете еще раз код картинки. Картинку изменил, и теперь обратный звонок не выходит. Картинку надо растянуть по ширине страницы. Еще в МВ сайта картинка не адаптируется. Спасибо

Картинку Вам обернул. Сейчас она адаптируется под разрешение экрана.

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

  • Screenshot.png


#44 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 21 Июнь 2017 - 13:52

Всем доброго дня!Помогите провести изменения.
1. В главной версии сайта раскрыть верхний меню выше логотипа. Как должен быть, показал на скриншоте. Цвет полосы меню тоже как на скриншоте(C36A42).
2.Вместо адреса почта добавить "обратный звонок". Цвет и форма тоже должен быть как на скрине.
3.Полностью удалить двигающийся лепестки
4.С подвала удалить форму обратного звонка в главной версии  и в мобильной версии сайта
5.В МВ сайта в карточке товара нет кнопки "быстрый заказ". Надо его добавить ниже кнопки "в корзину"
6.У меня все цены на товары указаны за 100г. А в карточке товара количество начинается с "1". Можно изменить единицу на 100? Также есть товары который продаются поштучно, как быть в таком случаи?
7.Слайдер который ниже картинки, его можно сделать видимым в мобильной версии и сделать двигающимся без всяких стрелок для перелистывания?
8. В каталоге, рядом с названием подкаталога указывается количество товаров. Можно их тоже удалить ) Спасибо!

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

  • Image 2.png
  • МВ.png
  • Image 3.png


#45 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 22 Июнь 2017 - 13:10

Просмотр сообщенияRasa (21 Июнь 2017 - 13:52) писал:

Всем доброго дня!Помогите провести изменения.
1. В главной версии сайта раскрыть верхний меню выше логотипа. Как должен быть, показал на скриншоте. Цвет полосы меню тоже как на скриншоте(C36A42).
2.Вместо адреса почта добавить "обратный звонок". Цвет и форма тоже должен быть как на скрине.
3.Полностью удалить двигающийся лепестки
4.С подвала удалить форму обратного звонка в главной версии  и в мобильной версии сайта
5.В МВ сайта в карточке товара нет кнопки "быстрый заказ". Надо его добавить ниже кнопки "в корзину"
6.У меня все цены на товары указаны за 100г. А в карточке товара количество начинается с "1". Можно изменить единицу на 100? Также есть товары который продаются поштучно, как быть в таком случаи?
7.Слайдер который ниже картинки, его можно сделать видимым в мобильной версии и сделать двигающимся без всяких стрелок для перелистывания?
8. В каталоге, рядом с названием подкаталога указывается количество товаров. Можно их тоже удалить ) Спасибо!
Изменения произвёл по всем пунктам.
По 6му вопросу:
В карточке товара нужно задать характеристику, например "Покупка от" - 100  или "В упаковке" - 100

Данную характеристику задать товарам с ценой за 100гр, пример данного товара прикрепите в сообщении.

#46 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 22 Июнь 2017 - 15:07

Просмотр сообщенияMr.Nito (22 Июнь 2017 - 13:10) писал:

Изменения произвёл по всем пунктам.
По 6му вопросу:
В карточке товара нужно задать характеристику, например "Покупка от" - 100  или "В упаковке" - 100

Данную характеристику задать товарам с ценой за 100гр, пример данного товара прикрепите в сообщении.
1. Меню получилось отлично, но не по центру. Ниже логотип, контакты, поиск, корзина тоже не симметрично . В МВ сайта меню оставить как прежде, свернутым.
7. Слайдер появился. Надо его отпустит до нижнего уровня картинки, растянуть по ширине страницы(как картинка) и сделать так чтобы сам перелистывал картинки
Шестой вопрос пока оставим. Добавлю все товары, потом посмотрим )
По остальным пунктам все гуд ))

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

  • SH1ldntsazw.jpg


#47 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 22 Июнь 2017 - 16:28

Просмотр сообщенияRasa (22 Июнь 2017 - 15:07) писал:

1. Меню получилось отлично, но не по центру. Ниже логотип, контакты, поиск, корзина тоже не симметрично . В МВ сайта меню оставить как прежде, свернутым.
7. Слайдер появился. Надо его отпустит до нижнего уровня картинки, растянуть по ширине страницы(как картинка) и сделать так чтобы сам перелистывал картинки
Шестой вопрос пока оставим. Добавлю все товары, потом посмотрим )
По остальным пунктам все гуд ))
1.Меню установил по центру.Уточните, пожалуйста, на скриншоте по выравниванию остальных блоков.
2.Слайдер на мобильной версии поправил

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

  • 22-06-2017 16-27-15.jpg


#48 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 22 Июнь 2017 - 17:19

Просмотр сообщенияMr.Nito (22 Июнь 2017 - 16:28) писал:

1.Меню установил по центру.Уточните, пожалуйста, на скриншоте по выравниванию остальных блоков.
2.Слайдер на мобильной версии поправил
1. Меню получилось отлично, но его свернутый вид  не видно на МВ сайта. Все блоки должны быть как на скриншоте
2. Удалите значки(delivery, rezgim,garantii), которые на картинках слайдера. Можете скрыть слайдер с главной версии сайта?

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

  • Image 4.png


#49 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 22 Июнь 2017 - 20:40

Просмотр сообщенияRasa (22 Июнь 2017 - 17:19) писал:

1. Меню получилось отлично, но его свернутый вид  не видно на МВ сайта. Все блоки должны быть как на скриншоте
2. Удалите значки(delivery, rezgim,garantii), которые на картинках слайдера. Можете скрыть слайдер с главной версии сайта?
2.Изображения скрыл в шаблоне HTML в блоке
<!-- Баннеры -->
Слайдер скрыл на большой версии:
@media all and (min-width: 992px) {
#banner {display:none;}


#50 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 22 Июнь 2017 - 20:55

Просмотр сообщенияMr.Nito (22 Июнь 2017 - 20:40) писал:

2.Изображения скрыл в шаблоне HTML в блоке
<!-- Баннеры -->
Слайдер скрыл на большой версии:
@media all and (min-width: 992px) {
#banner {display:none;}
Хорошо. Слайдер скрыли, теперь "товары на главном" надо поднять до нижней границы картинки)

#51 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 23 Июнь 2017 - 09:45

Просмотр сообщенияRasa (22 Июнь 2017 - 20:55) писал:

Хорошо. Слайдер скрыли, теперь "товары на главном" надо поднять до нижней границы картинки)

Здравствуйте.
В данном случае вам необходимо в шаблоне main.css найти следующий код:

#slideshow {
	position: relative;
	background: #fff9e8;
	padding-bottom: 90px;
}

И заменить его вот этим вот кодом:

#slideshow {
	position: relative;
	background: #fff9e8;
}


#52 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Июнь 2017 - 12:01

Просмотр сообщенияRayLi (23 Июнь 2017 - 09:45) писал:

Здравствуйте.
В данном случае вам необходимо в шаблоне main.css найти следующий код:

#slideshow {
position: relative;
background: #fff9e8;
padding-bottom: 90px;
}

И заменить его вот этим вот кодом:

#slideshow {
position: relative;
background: #fff9e8;
}
С этим все, спасибо. Жду ответа на первый вопрос)

#53 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 23 Июнь 2017 - 13:42

Просмотр сообщенияRasa (23 Июнь 2017 - 12:01) писал:

До сих пор не появился главное меню на МВ сайта


#54 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 25 Июнь 2017 - 11:27

Просмотр сообщенияRasa (23 Июнь 2017 - 13:42) писал:

Меню добавил в мобильной версии
Шаблон HTML
	  <div class="header-top">
		<div class="container">
		  <!-- Меню в шапке -->

В main.css код
@media all and (max-width: 481px) {
#header .header-top .container .menu {display:block;}

Блоки в шапке на компьютерной версии выровнял, в main.css код:
@media all and (min-width: 992px) {
#header .header-top .container {display:flex;align-items: center;justify-content: space-between}
#header .header-top .container:before,
#header .header-top .container:after {display:none}
#header .header-top .container > div {margin-left:0}


#55 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 25 Июнь 2017 - 11:50

Просмотр сообщенияMr.Nito (25 Июнь 2017 - 11:27) писал:

Меню добавил в мобильной версии
Шаблон HTML
	 <div class="header-top">
	 <div class="container">
<!-- Меню в шапке -->

В main.css код
@media all and (max-width: 481px) {
#header .header-top .container .menu {display:block;}

Блоки в шапке на компьютерной версии выровнял, в main.css код:
@media all and (min-width: 992px) {
#header .header-top .container {display:flex;align-items: center;justify-content: space-between}
#header .header-top .container:before,
#header .header-top .container:after {display:none}
#header .header-top .container > div {margin-left:0}


поиск сдвинуть правее, и логотип поставить по середине как на скриншоте.

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

  • Image 4.png


#56 Mr.Nito

Mr.Nito

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

  • Модераторы
  • 1 364 сообщений

Отправлено 25 Июнь 2017 - 13:52

Просмотр сообщенияRasa (25 Июнь 2017 - 11:50) писал:

поиск сдвинуть правее, и логотип поставить по середине как на скриншоте.
заменил код на
@media all and (min-width: 992px) {
#header .header-top .container {display:flex;align-items: center;justify-content: space-between}
#header .header-top .container:before,
#header .header-top .container:after {display:none}
#header .header-top .container > div {margin-left:0;}
#header .header-top .container > div.search_pk {margin-left:auto;margin-right:20px}
#header .header-top .container > div.logo {margin-left:auto;}
#header .header-top .container > div.contacts {margin-right:20px}

В строке
#header .header-top .container > div.contacts {margin-right:20px}
можно изменять значения в большую или меньшую сторону, чтобы двигать логотип сайта.

#57 Rasa

Rasa

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 75 сообщений
  • ГородСанкт-Петербург

Отправлено 25 Июнь 2017 - 14:37

Просмотр сообщенияMr.Nito (25 Июнь 2017 - 13:52) писал:

заменил код на
@media all and (min-width: 992px) {
#header .header-top .container {display:flex;align-items: center;justify-content: space-between}
#header .header-top .container:before,
#header .header-top .container:after {display:none}
#header .header-top .container > div {margin-left:0;}
#header .header-top .container > div.search_pk {margin-left:auto;margin-right:20px}
#header .header-top .container > div.logo {margin-left:auto;}
#header .header-top .container > div.contacts {margin-right:20px}

В строке
#header .header-top .container > div.contacts {margin-right:20px}
можно изменять значения в большую или меньшую сторону, чтобы двигать логотип сайта.
все отлично Дима. Спасибо )




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

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