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


Помогите Изменить Главную Страницу По Картинке

главная

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

#1 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 09:11

Здравствуйте.
Помогите пожалуйста доработать главную страницу по картинке в приложении.
Всего три пункта.

1. Убрать верхнюю розовую полоску (на которой написано добро пожаловать)

2. На освободившееся место от пункта 1 подтянуть (поднять) - название магазина (логотип) - стандартно слева.
потом как на картинке слева на право:
2.1. логотип
2.2.пн-пт   9:00 - 21:00 сб-вс  11:00 - 19:00   
2.3.  +7 495 722-22-22 обратный звонок
2.4.  оставить место  для значка Яндекс маркет
2.5.  корзина всего покупок.
                                                                
надпись "обратный звонок" = сервису обратный звонок.
надпись "оставить место для значка Яндекс маркет" - после того как магазин будет создан и проверен службой сервиса яндекс - туда хочу повесить банер с рейтингом магазина размер 150*101. Соответственно пункт 2 должен быть по ширине (высоте ) не менее 101.

3. Горизонтальное меню перенести под 2-й пункт плюс добавить к нему "поиск по сайту" в правый угол.

Спасибо

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

  • ukfdyfz.jpg


#2 MikDark

MikDark

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

  • Модераторы
  • 6 468 сообщений

Отправлено 19 Июль 2016 - 09:25

Просмотр сообщенияpavela (19 Июль 2016 - 09:11) писал:

Здравствуйте.
Помогите пожалуйста доработать главную страницу по картинке в приложении.
Всего три пункта.

1. Убрать верхнюю розовую полоску (на которой написано добро пожаловать)

2. На освободившееся место от пункта 1 подтянуть (поднять) - название магазина (логотип) - стандартно слева.
потом как на картинке слева на право:
2.1. логотип
2.2.пн-пт   9:00 - 21:00 сб-вс  11:00 - 19:00   
2.3.  +7 495 722-22-22 обратный звонок
2.4.  оставить место  для значка Яндекс маркет
2.5.  корзина всего покупок.

надпись "обратный звонок" = сервису обратный звонок.
надпись "оставить место для значка Яндекс маркет" - после того как магазин будет создан и проверен службой сервиса яндекс - туда хочу повесить банер с рейтингом магазина размер 150*101. Соответственно пункт 2 должен быть по ширине (высоте ) не менее 101.

3. Горизонтальное меню перенести под 2-й пункт плюс добавить к нему "поиск по сайту" в правый угол.

Спасибо

Здравствуйте. Уточните, пожалуйста, номер аккаунта.

#3 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 10:49

Просмотр сообщенияMikDark (19 Июль 2016 - 09:25) писал:

Здравствуйте. Уточните, пожалуйста, номер аккаунта.

прошу прощения - забыл указать - SL-389816

#4 Danil

Danil

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

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

Отправлено 19 Июль 2016 - 11:29

Просмотр сообщенияpavela (19 Июль 2016 - 10:49) писал:

прошу прощения - забыл указать - SL-389816
Здравствуйте.
Изменения Вам произвел, проверьте.

#5 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 12:04

Просмотр сообщенияDanil (19 Июль 2016 - 11:29) писал:

Здравствуйте.
Изменения Вам произвел, проверьте.

Благодарю за оперативность!)
Все блоки поменяны как и задумывалось! - спасибо!

1.Подскажите а можно сделать как то время работы как я писал изначально? то есть в две строчки пн-пт 9:00 - 21:00 сб-вс 10:00 19:00 ?
Просто в настройках сайта есть только один временной интервал? Если это можно было бы менять самому было бы идеально.

2. При добавлении второго номера телефона - съезжает кнопка "обратный звонок". Можно ли просто сократить расстояние между первым и вторым номером телефона? чтобы они были по компактней а то сейчас между ними очень большое расстояние.

3. Где и как можно поменять размер данных двух пунктов то есть сделать их больше? а то они совсем не читаемы? примерно как на картинке в приложении?

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

  • 333.jpg


#6 Danil

Danil

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

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

Отправлено 19 Июль 2016 - 12:20

Просмотр сообщенияpavela (19 Июль 2016 - 12:04) писал:

Благодарю за оперативность!)
Все блоки поменяны как и задумывалось! - спасибо!

1.Подскажите а можно сделать как то время работы как я писал изначально? то есть в две строчки пн-пт 9:00 - 21:00 сб-вс 10:00 19:00 ?
Просто в настройках сайта есть только один временной интервал? Если это можно было бы менять самому было бы идеально.

2. При добавлении второго номера телефона - съезжает кнопка "обратный звонок". Можно ли просто сократить расстояние между первым и вторым номером телефона? чтобы они были по компактней а то сейчас между ними очень большое расстояние.

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

#7 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 12:43

Просмотр сообщенияDanil (19 Июль 2016 - 12:20) писал:

Изменения произвел, проверьте.

спасибо!

1.я правильно понимаю, что сам я не могу устанавливать свой график работы? тоесть мне придется каждый раз когда у меня изменения (выходные, праздники возможно наоборот увеличение рабочего дня в сезон высоких продаж) - писать Вам, чтобы вы это поправили? а потом обратно все поставили? или где то это я могу сам аккуратно сделать? если могу то где и как?
2. Просьба выровнять все блоки см. фото 444 приложение -  (1 -время работы, 2 - телефонные номера, 3 - корзина ) по центру - так же как и логотип по центру верхней "шапки"

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

  • 444.jpg


#8 Danil

Danil

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

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

Отправлено 19 Июль 2016 - 13:14

Просмотр сообщенияpavela (19 Июль 2016 - 12:43) писал:

спасибо!

1.я правильно понимаю, что сам я не могу устанавливать свой график работы? тоесть мне придется каждый раз когда у меня изменения (выходные, праздники возможно наоборот увеличение рабочего дня в сезон высоких продаж) - писать Вам, чтобы вы это поправили? а потом обратно все поставили? или где то это я могу сам аккуратно сделать? если могу то где и как?
2. Просьба выровнять все блоки см. фото 444 приложение -  (1 -время работы, 2 - телефонные номера, 3 - корзина ) по центру - так же как и логотип по центру верхней "шапки"
1) В шаблоне html найдите код
			  <p>пн - пт 10:00 - 21:00</p>
			  <p>сб - вс 11:00 - 19:00</p>
и замените график работы на свой.
2) В main.css найдите код

#header #cart {
	z-index: 20;
	min-width: 300px;
	float: right;
}
и замените на
#header #cart {
	z-index: 20;
	float: right;
}
div#header > .inner {
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	display: flex;
}
найдите
#header #cart .heading {
	float: right;
	margin-top: 15px;
	padding-left: 14px;
	padding-right: 46px;
	position: relative;
	z-index: 1;
}
и замените на
#header #cart .heading {
	float: right;
	padding-left: 14px;
	padding-right: 46px;
	position: relative;
	z-index: 1;
}
найдите
#header #support {
	position: relative;
	float: left;
	top: 9px;
	margin-right: 11px;
	z-index: 30;
}
и замените на
#header #support {
	position: relative;
	float: left;
	margin-right: 11px;
	z-index: 30;
	align-items: center;
	display: flex;
}
найдите
#header #support a.callback {
	color: #ff0552;
	font-size: 17px;
}
и замените на
#header #support a.callback {
	color: #ff0552;
	font-size: 17px;
	position: absolute;
}
найдите
div#support .contacts {
	float: left;
	margin-left: 30px;
}
и замените на
div#support .contacts {
	float: left;
	margin-left: 30px;
	position: relative;
}
В шаблоне html найдите
		  <!-- end Корзина -->
		  
		  <div class="clear"></div>
и замените на
		  <!-- end Корзина -->


#9 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 13:56

Спасибо все сделал как Вы сказали! все получилось!

Помогите пожалуйста реализовать следующую задачу:


1. уменьшить банер на главной и сдвинуть вправо как на фото в приложении.

2. На освободившееся место поднять блок "КАТАЛОГ"

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

  • 666.jpg


#10 Danil

Danil

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

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

Отправлено 19 Июль 2016 - 14:02

Просмотр сообщенияpavela (19 Июль 2016 - 13:56) писал:

Спасибо все сделал как Вы сказали! все получилось!

Помогите пожалуйста реализовать следующую задачу:


1. уменьшить банер на главной и сдвинуть вправо как на фото в приложении.

2. На освободившееся место поднять блок "КАТАЛОГ"
В шаблоне html найдите код
		<!-- Главная страница -->
		{% IF index_page %}
		  <div id="module_area">
			<div id="flexslideshow" class="flexslider">
			  <ul class="slides">
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide1.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide1.png?design=spring" alt="Slide 1" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide2.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide2.png?design=spring" alt="Slide 2" class="slide_img">
				</li>
				<li>
				  <div class="bigPic" style="width: 1920px; height: 550px; background:url({ASSETS_IMAGES_PATH}slide3.png?design=spring) no-repeat;"></div>
				  <img src="{ASSETS_IMAGES_PATH}slide3.png?design=spring" alt="Slide 3" class="slide_img">
				</li>
			  </ul>
			</div>
		  </div>
		{% ENDIF %}
		<!-- /Главная страница -->
и переместите его вставив перед
		 {BODY}
		
		 <!-- Главная страница -->
В main.css найдите код

#header .flexslider {width:100%;margin:0 auto !important;}
#header .flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
#header .flexslider ul.slides li {text-align:center !important;position:relative;*margin-left: -20px;}
и замените на

.flexslider {width:100%;margin:0 auto !important;}
.flexslider li .bigPic {display:none !important;position:relative;top:0;margin: 0 auto;top: 0;left: 50%;margin-left: -960px;}
.flexslider ul.slides li {text-align:center !important;position:relative;*margin-left: -20px;}


#11 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 14:18

пункт 2 выполнен - 100%
пункт 1 - Видимо что то пошло не так - и банер задублировался((((

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

  • 77.jpg


#12 Danil

Danil

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

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

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

Просмотр сообщенияpavela (19 Июль 2016 - 14:18) писал:

пункт 2 выполнен - 100%
пункт 1 - Видимо что то пошло не так - и банер задублировался((((
Для того, чтобы исправить данную ошибку, необходимо произвести замену в main.css из сообщения 10.

#13 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 14:48

Ух.....мой косяк.....исправил и все заиграло как надо)))))


1.  подскажите где можно изменить размер шрифта в верхнем горизонтальном меню?
2. подскажите где можно изменить размер шрифта в меню каталога вертикальном?
3. Как убрать "блок мы рады видеть Вас" в низ страницы, чтобы он был над нижнем меню ( в моем случае над 4. Убрать блок "товары на главной" - на его место поднять блок "новинки"

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

  • 88.jpg


#14 Danil

Danil

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

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

Отправлено 19 Июль 2016 - 14:56

Просмотр сообщенияpavela (19 Июль 2016 - 14:48) писал:

Ух.....мой косяк.....исправил и все заиграло как надо)))))


1.  подскажите где можно изменить размер шрифта в верхнем горизонтальном меню?
2. подскажите где можно изменить размер шрифта в меню каталога вертикальном?
3. Как убрать "блок мы рады видеть Вас" в низ страницы, чтобы он был над нижнем меню ( в моем случае над 4. Убрать блок "товары на главной" - на его место поднять блок "новинки"
1) В main.css найдите код
#header .links a {
float: left;
display: block;
padding: 11px 10px 9px 10px;
text-decoration: none;
font-size: 12px;
}
изменяйте font-size.
2) В main.css найдите код
.accordion a {
text-decoration: none;
font-size: 11px;
padding: 8px 10px 8px 20px;
display: block;
cursor: pointer;
}
изменяйте font-size.
3) В шаблоне html найдите код
{BODY}
и переместите его вставив после
		 <!-- /Список избранных товаров на главной -->
		 {% ENDIF %}
		 <!-- /Главная страница -->
4) В шаблоне html поменяйте местами 2 блока с кодом или удалите один из них:
Скрытый текст
Скрытый текст


#15 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 15:53

Вот это да!!! Класс!!! Скоро буду прыгать на стуле от счастья! Все получается как я хотел.
Осталось привести в порядок нижний футор и я станцую румбу)))

Помогите пожалуйста привести его к следующему виду см. фото в приложении.
1. чтобы в нижний левый угол скопировался логотип компании
2. чтобы встал блок с небольшим описанием компании + возможность его редактировать
3." информационный" блок с подпунктами
4. блок -" Служба поддержи" с подпунктами
5. блок "личный кабинет" с подпунктами
6. Вставить яндекс карту с нашим адресом

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

  • 999.jpg


#16 Danil

Danil

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

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

Отправлено 19 Июль 2016 - 16:27

Просмотр сообщенияpavela (19 Июль 2016 - 15:53) писал:

Вот это да!!! Класс!!! Скоро буду прыгать на стуле от счастья! Все получается как я хотел.
Осталось привести в порядок нижний футор и я станцую румбу)))

Помогите пожалуйста привести его к следующему виду см. фото в приложении.
1. чтобы в нижний левый угол скопировался логотип компании
2. чтобы встал блок с небольшим описанием компании + возможность его редактировать
3." информационный" блок с подпунктами
4. блок -" Служба поддержи" с подпунктами
5. блок "личный кабинет" с подпунктами
6. Вставить яндекс карту с нашим адресом
В main.css найдите и удалите код
.menu_main {
margin-left: -20px;
}
так же найдите и удалите
.menu_main li {
list-style: none;
display: inline;
}
найдите
#footer .inner_top {
background: #ffffff !important;
-webkit-border-radius: 0px 0px 5px 5px;
-moz-border-radius: 0px 0px 5px 5px;
-khtml-border-radius: 0px 0px 5px 5px;
border-radius: 0px 0px 5px 5px;
border-bottom: 4px solid #e1e1e1;
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
position: relative;
overflow: auto;
padding-top: 15px;
}
и замените на
#footer .inner_top {
position: relative;
overflow: auto;
padding-top: 15px;
}
найдите
#footer .column {
margin-bottom: 15px;
min-height: 348px;
}
и замените на

#footer .column {
margin-bottom: 15px;
}
В шаблоне html найдите код
Скрытый текст
и замените на
Скрытый текст
В замененном коде Вы найдете текст "КОД КАРТЫ" и "ОПИСАНИЕ КОМПАНИИ", замените его на соответствующие элементы/текст.
Так же данные изменения исключают один блок  меню, т.к. у Вас его нет. В разделе Сайт - Меню, оздайте новое меню "Служба поддержки" и добавьте в него необходимые пункты, а после отпишитесь, чтобы мы написали Вам инструкцию по добавлению его на сайт.

#17 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 18:51

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

2. Создал в меню пункт служба поддржки - теперь его надо как то вставить в нижний футор.

3. как добавлять подпункты в нижнем меню "Личный кабинет" - там сейчас есть вход и регистрация а хочу добавить "избранное" "история"

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

  • 1000.jpg


#18 Danil

Danil

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

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

Отправлено 19 Июль 2016 - 19:04

Просмотр сообщенияpavela (19 Июль 2016 - 18:51) писал:

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

2. Создал в меню пункт служба поддржки - теперь его надо как то вставить в нижний футор.

3. как добавлять подпункты в нижнем меню "Личный кабинет" - там сейчас есть вход и регистрация а хочу добавить "избранное" "история"
1) В конец main.css добавьте
div#footer ymaps {
	margin: 0 auto;
}
К сожалению, код карты подгружается со стороннего ресурса и мы не можем повлиять на ее стили и функциональность.
2) В шаблоне html найдите код
		 <div class="one_fourth last column">
				 <h4>Личный кабинет</h4>
и перед ним вставьте
				 <div class="one_fourth column">
				 <a href="{NEWS_ALL_URL}"><h4>Служба поддержки</h4></a>
		 {% FOR menu %}
				 {% FOR tehpod %}
				 <div class="menu_main">
						 <ul>
						 {% FOR links %}<li><a href="{menu.tehpod.links.URL}" {% IF menu.tehpod.links.SELECTED %}class="active"{%ENDIF%} {% IF menu.tehpod.links.TITLE %}title="{menu.tehpod.links.TITLE}"{% ENDIF %}>{menu.tehpod.links.NAME}</a></li>{% ENDFOR %}
						 </ul>
				 </div>
				 {% ENDFOR %}
		 {% ENDFOR %}
				 </div>
3) Для данных подпунктов прописано условие, чтобы они появлялись, только для авторизированных пользователей.
Если Вы хотите убрать данное условие, то в шаблоне html найдите код
								 {% IFNOT CLIENT_IS_LOGIN %}
								 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li>
								 <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
								 {% ELSE %}
								 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li>
								 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li>
								 <li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li>
								 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
								 <li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li>
								 {% ENDIF %}
и замените на

								 <li><a href="{USER_LOGIN_URL}" title="Вход в личный кабинет"><i class="fa fa-sign-in"></i>Вход</a></li>
								 <li><a href="{USER_REGISTER_URL}" title="Регистрация"><i class="fa fa-user-plus"></i>Регистрация</a></li>
								 <li><a href="{USER_SETTINGS_URL}" title="Личный кабинет"><i class="fa fa-user"></i>Мой кабинет</a></li>
								 <li><a href="{USER_HISTORY_LIST_URL}" title="История заказов"><i class="fa fa-history"></i>История</a></li>
								 <li><a href="{FAVORITES_URL}" title="Избранные товары"><i class="fa fa-heart"></i>Избранное</a></li>
								 {% IF TARIFF_FEATURE_GOODS_COMPARE && SETTINGS_COMPARE_DISABLE=0 %}<li><a href="{COMPARE_URL}" title="Сравнение"><i class="fa fa-retweet"></i>Сравнение</a></li>{% ENDIF %}
								 <li><a href="{USER_LOGOUT_URL}" title="Выход"><i class="fa fa-sign-out"></i>Выход</a></li>


#19 pavela

pavela

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

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

Отправлено 19 Июль 2016 - 19:26

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

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

  • 91.jpg


#20 Danil

Danil

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

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

Отправлено 19 Июль 2016 - 19:32

Просмотр сообщенияpavela (19 Июль 2016 - 19:26) писал:

спасибо еще раз - но видимо я все же что то упустил и у меня подпункты нижнего меню находятся на разных уровнях см. Фото
подскажите пожалуйста как их выстроить в ряд?
В main.css найдите код
.one_fourth {
	float: left;
	margin-right: 4%;
	position: relative;
	width: 22%;
}
и замените на
.one_fourth {
	float: left;
	margin-right: 1%;
	position: relative;
	width: 19%;
}
Так же в main.css найдите и удалите
.menu_main {
	margin-left: -20px;
}






Темы с аналогичным тегами главная

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

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