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


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


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

#1 Rasa

Rasa

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

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

Отправлено 22 Апрель 2017 - 13:11

Доброе утро! Помогите друзья изменить главную страницу
1.Раскрыть кнопку "контакты". Оставить только телефон, почта и время работы.
2. На странице товаров есть значки соц.сетей и способы оплаты. Где в настройках их можно изменить?
3.Переместить и раскрыть каталог товаров.
Все показано в скриншоте. Спасибо!

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

  • Image 2.png
  • Image 3.png


#2 Mr.Nito

Mr.Nito

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

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

Отправлено 22 Апрель 2017 - 20:47

Просмотр сообщенияRasa (22 Апрель 2017 - 13:11) писал:

Доброе утро! Помогите друзья изменить главную страницу
1.Раскрыть кнопку "контакты". Оставить только телефон, почта и время работы.
2. На странице товаров есть значки соц.сетей и способы оплаты. Где в настройках их можно изменить?
3.Переместить и раскрыть каталог товаров.
Все показано в скриншоте. Спасибо!
1.Изменения на сайте произвёл.
2.Значки соц сетей в подвале, шабон HTML
			 <!-- Соц. сети -->
			 <div class="social-links">
			 <a class="facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><i class="fa fa-facebook"></i><span>facebook</span></a>
			 <a class="twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><i class="fa fa-twitter"></i><span>twitter</span></a>
			 <a class="odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><i class="fa fa-odnoklassniki"></i><span>odnoklassniki</span></a>
			 <a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fa fa-vk"></i><span>vk</span></a>
			 <a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
			 <a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="fa fa-youtube"></i><span>YouTube</span></a>
			 </div>

чтобы скрыть весь блок замените на
			 <!-- Соц. сети -->
			 <div class="social-links" style="display:none;">
			 <a class="facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><i class="fa fa-facebook"></i><span>facebook</span></a>
			 <a class="twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><i class="fa fa-twitter"></i><span>twitter</span></a>
			 <a class="odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><i class="fa fa-odnoklassniki"></i><span>odnoklassniki</span></a>
			 <a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fa fa-vk"></i><span>vk</span></a>
			 <a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
			 <a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="fa fa-youtube"></i><span>YouTube</span></a>
			 </div>

Ненужные соц сети можно удалить построчно.

Чтобы установить ссылку замените
href="https://vk.com/"
на
href="Ваша ссылка здесь"

В карточке товара платёжные системы находятся в шаблоне Товар в строках:
	 <!-- Платежные системы -->
	 <div id="payment_services">
	 <a href="#" title="Перейти на страницу описания оплаты">
		 <span class="icon_1" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
		 <span class="icon_2" title="Мы принимаем оплату через кредитные карты Maestro">&nbsp;</span>
		 <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
		 <span class="icon_4" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
		 <span class="icon_5" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
		 <span class="icon_6" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
		 <span class="icon_7" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
		 <span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
		 <span class="icon_9" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
		 <span class="icon_10" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
	 </a>
	 </div>
Удалить их можно также построчно, либо удалить весь блок целиком.

3.Категории каталога вывел на главной странице.

#3 Rasa

Rasa

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

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

Отправлено 22 Апрель 2017 - 20:54

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

1.Изменения на сайте произвёл.
2.Значки соц сетей в подвале, шабон HTML
			 <!-- Соц. сети -->
			 <div class="social-links">
			 <a class="facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><i class="fa fa-facebook"></i><span>facebook</span></a>
			 <a class="twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><i class="fa fa-twitter"></i><span>twitter</span></a>
			 <a class="odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><i class="fa fa-odnoklassniki"></i><span>odnoklassniki</span></a>
			 <a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fa fa-vk"></i><span>vk</span></a>
			 <a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
			 <a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="fa fa-youtube"></i><span>YouTube</span></a>
			 </div>

чтобы скрыть весь блок замените на
			 <!-- Соц. сети -->
			 <div class="social-links" style="display:none;">
			 <a class="facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><i class="fa fa-facebook"></i><span>facebook</span></a>
			 <a class="twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><i class="fa fa-twitter"></i><span>twitter</span></a>
			 <a class="odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><i class="fa fa-odnoklassniki"></i><span>odnoklassniki</span></a>
			 <a class="vk" href="https://vk.com/" title="VK.com" target="_blank"><i class="fa fa-vk"></i><span>vk</span></a>
			 <a class="instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><i class="fa fa-instagram"></i><span>instagram</span></a>
			 <a class="youtube" href="https://youtube.com/" title="YouTube.com" target="_blank"><i class="fa fa-youtube"></i><span>YouTube</span></a>
			 </div>

Ненужные соц сети можно удалить построчно.

Чтобы установить ссылку замените
href="https://vk.com/"
на
href="Ваша ссылка здесь"

В карточке товара платёжные системы находятся в шаблоне Товар в строках:
	 <!-- Платежные системы -->
	 <div id="payment_services">
	 <a href="#" title="Перейти на страницу описания оплаты">
		 <span class="icon_1" title="Мы принимаем к оплате Яндекс.Деньги">&nbsp;</span>
		 <span class="icon_2" title="Мы принимаем оплату через кредитные карты Maestro">&nbsp;</span>
		 <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard">&nbsp;</span>
		 <span class="icon_4" title="Мы принимаем оплату через терминалы оплаты Qiwi">&nbsp;</span>
		 <span class="icon_5" title="Мы принимаем оплату через систему РБК money">&nbsp;</span>
		 <span class="icon_6" title="Мы принимаем оплату через Робокассу">&nbsp;</span>
		 <span class="icon_7" title="Мы принимаем к оплате квитанции сбербанка">&nbsp;</span>
		 <span class="icon_8" title="Мы принимаем оплату через SMS">&nbsp;</span>
		 <span class="icon_9" title="Мы принимаем к оплате кредитные карты VISA">&nbsp;</span>
		 <span class="icon_10" title="Мы принимаем к оплате Webmoney">&nbsp;</span>
	 </a>
	 </div>
Удалить их можно также построчно, либо удалить весь блок целиком.

3.Категории каталога вывел на главной странице.
Контакты надо было раскрыть на месте, слева от логотипа. Удалите еще ссылку каталога с новогодной картинки

#4 Mr.Nito

Mr.Nito

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

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

Отправлено 23 Апрель 2017 - 11:01

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

Контакты надо было раскрыть на месте, слева от логотипа. Удалите еще ссылку каталога с новогодной картинки
Контакты перенёс слева от логотипа.

Чтобы удалить ссылку полностью в файле main.css
найдите
#slider ul li .item-html {position: absolute;top: 30%;left: 0;text-align: right;width: 100%;z-index: 9;}
замените на
#slider ul li .item-html {position: absolute; display: none; top: 30%;left: 0;text-align: right;width: 100%;z-index: 9;}

Чтобы убрать только кнопку
#slider .text-border .button {margin-top: 20px;}
/* Рамка для текста */
замените на
#slider .text-border .button {margin-top: 20px;display:none}
/* Рамка для текста */


#5 Rasa

Rasa

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

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

Отправлено 23 Апрель 2017 - 12:58

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

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

  • Image 14.png


#6 Rasa

Rasa

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

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

Отправлено 23 Апрель 2017 - 13:04

Поправки в  МВ
1. Меню поднять выше, левее от логотипа
2.Из контактов оставить только номер телефона. Слева от телефона развернуть каталог товаров, справа корзину.
3. Поиск опустить вниз. Размер рамки поиска должен быть примерно как на скриншоте. Спасибо )

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

  • Image 16.png
  • Image 18.png


#7 Mr.Nito

Mr.Nito

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

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

Отправлено 23 Апрель 2017 - 17:46

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

Поправки в  МВ
1. Меню поднять выше, левее от логотипа
2.Из контактов оставить только номер телефона. Слева от телефона развернуть каталог товаров, справа корзину.
3. Поиск опустить вниз. Размер рамки поиска должен быть примерно как на скриншоте. Спасибо )
Изменения на сайте произвёл.

#8 Rasa

Rasa

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

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

Отправлено 23 Апрель 2017 - 18:13

Просмотр сообщенияMr.Nito (23 Апрель 2017 - 17:46) писал:

Изменения на сайте произвёл.
Спасибо большое)) В мобильной версии надо было каталог товаров сделать развернутым и вставить слева от номера телефона, а корзину переместить справа от него.

#9 Stasya

Stasya

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

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

Отправлено 24 Апрель 2017 - 13:41

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

Спасибо большое)) В мобильной версии надо было каталог товаров сделать развернутым и вставить слева от номера телефона, а корзину переместить справа от него.
Здравствуйте. Корзину Вам перенесла. Скажите, пожалуйста, у Вас при клике бургер-кнопки каталог должен появляться там где находиться сейчас или как верхнее меню?

#10 Rasa

Rasa

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

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

Отправлено 24 Апрель 2017 - 14:26

Просмотр сообщенияStasya (24 Апрель 2017 - 13:41) писал:

Здравствуйте. Корзину Вам перенесла. Скажите, пожалуйста, у Вас при клике бургер-кнопки каталог должен появляться там где находиться сейчас или как верхнее меню?
Как верхнее меню. Сейчас полоса поиска находится ближе к левому краю, лучше если будет симметрично)

#11 Danil

Danil

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

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

Отправлено 25 Апрель 2017 - 11:33

Просмотр сообщенияRasa (24 Апрель 2017 - 14:26) писал:

Как верхнее меню. Сейчас полоса поиска находится ближе к левому краю, лучше если будет симметрично)
Здравствуйте.
Изменения Вам произвел, проверьте, пожалуйста.

#12 Rasa

Rasa

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

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

Отправлено 25 Апрель 2017 - 13:34

Сейчас шапка сайта в МВ отлично получилось.  Спасибо Даниил.
Новые вопросы)
1. В главной версии сайта корзина опустилось ниже логотипа. Надо обратно поставить на старое место(справа от поиска)
2.В каталоге и карточке товара видны все три цены, а на главной странице сайта только одна розничная цена.
3.Где можно редактировать  шрифт "контакты" в шапке магазине?
4.Где редактировать значки соц.сетей в карточке товара?
5. В МВ сайта когда нажимаешь на номер телефона(в шапке), переходит в страницу контакты. Надо чтобы нажал на номер и позвонил. Спасибо!

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

  • Image 14.png


#13 Stasya

Stasya

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

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

Отправлено 26 Апрель 2017 - 15:41

Просмотр сообщенияRasa (25 Апрель 2017 - 13:34) писал:

Сейчас шапка сайта в МВ отлично получилось.  Спасибо Даниил.
Новые вопросы)
1. В главной версии сайта корзина опустилось ниже логотипа. Надо обратно поставить на старое место(справа от поиска)
2.В каталоге и карточке товара видны все три цены, а на главной странице сайта только одна розничная цена.
3.Где можно редактировать  шрифт "контакты" в шапке магазине?
4.Где редактировать значки соц.сетей в карточке товара?
5. В МВ сайта когда нажимаешь на номер телефона(в шапке), переходит в страницу контакты. Надо чтобы нажал на номер и позвонил. Спасибо!

1) К сожалению, не удалось обнаружить такого отображения на Вашем сайте. Скрнишот прикрепила. Скажите, пожалуйста, через какой браузер Вы просматриваете свой сайт?
2) Внесла Вам изменения на сайт.
3) В файле main.css найдите блок
#header .header-top .container > div {
display: inline-block;
vertical-align: middle;
margin-left: 6%;
}
и замените его на
#header .header-top .container > div {
display: inline-block;
vertical-align: middle;
margin-left: 6%;
font-family: 'Lora', serif;
font-size: 14px;
line-height: 1.2;
font-weight: 400;
}
, где font-family - шрифт, font-size - размер шрифта, line-height - высота строки, font-weight - жирность начертания
4) В данном случае используется специальный скрипт для вывода всех четырех значков. Вы можете заменить на другой скрипт либо сделать вывод каждой иконки отдельно. Код отвечающий за вывод соц.сетей находиться в шаблоне Товар
<div class="social-share">
	 <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>
	 <script src="//yastatic.net/share2/share.js"></script>
	 <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,moimir,twitter" data-counter=""></div>
	 </div>

5) В файле main.js найдите блок
// Контакты
  $('#header .header-top .contacts a').on('click', function (event) {
	event.preventDefault();
	$('#menu_offcanvas .close-container .title').text('Контакты');
	if ($('#menu_offcanvas').hasClass('active')) {
   $('#menu_offcanvas').removeClass('active');
   $('#menu_offcanvas > div').css('display', 'none');
   $('body').removeClass('active');
  } else {
   $('#menu_offcanvas').addClass('active');
   $('#menu_offcanvas .contacts').css('display', 'block');
   $('body').addClass('active');
  }
});
и замените его на
// Контакты
/* $('#header .header-top .contacts a').on('click', function (event) {
	event.preventDefault();
	$('#menu_offcanvas .close-container .title').text('Контакты');
	if ($('#menu_offcanvas').hasClass('active')) {
   $('#menu_offcanvas').removeClass('active');
   $('#menu_offcanvas > div').css('display', 'none');
   $('body').removeClass('active');
  } else {
   $('#menu_offcanvas').addClass('active');
   $('#menu_offcanvas .contacts').css('display', 'block');
   $('body').addClass('active');
  }
});*/

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

  • Screenshot_279.jpg


#14 Rasa

Rasa

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

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

Отправлено 26 Апрель 2017 - 16:37

Браузер Мозила. Очистил  кэш  браузера, ничего не изменилось. Через гугл все нормально.

#15 Stasya

Stasya

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

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

Отправлено 26 Апрель 2017 - 17:14

Просмотр сообщенияRasa (26 Апрель 2017 - 16:37) писал:

Браузер Мозила. Очистил  кэш  браузера, ничего не изменилось. Через гугл все нормально.
Дописала инстуркцию по 5 пункту.
1) В файле main.css найдите блок
#header .header-top .container > div {
	display: inline-block;
	vertical-align: middle;
	margin-left: 6%;
	font-family: 'Lora', serif;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 300;
}
и замените его на
#header .header-top .container > div {
	display: inline-block;
	vertical-align: middle;
	margin-left: 5%;
	font-family: 'Lora', serif;
	font-size: 18px;
	line-height: 1.2;
	font-weight: 300;
}


#16 Rasa

Rasa

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

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

Отправлено 26 Апрель 2017 - 18:14

Просмотр сообщенияStasya (26 Апрель 2017 - 17:14) писал:

Дописала инстуркцию по 5 пункту.
1) В файле main.css найдите блок
#header .header-top .container > div {
display: inline-block;
vertical-align: middle;
margin-left: 6%;
font-family: 'Lora', serif;
font-size: 18px;
line-height: 1.2;
font-weight: 300;
}
и замените его на
#header .header-top .container > div {
display: inline-block;
vertical-align: middle;
margin-left: 5%;
font-family: 'Lora', serif;
font-size: 18px;
line-height: 1.2;
font-weight: 300;
}
Когда делал 5 пункт, кое что не получилось и восстановил  сегодняшний бэкап(26.04.07, 11:50). В итоге все получилось, но 2 пункт который вы сделали обратно стал прежним. Помогите исправить :unsure:

#17 Mr.Nito

Mr.Nito

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

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

Отправлено 27 Апрель 2017 - 10:24

Просмотр сообщенияRasa (26 Апрель 2017 - 18:14) писал:

Когда делал 5 пункт, кое что не получилось и восстановил  сегодняшний бэкап(26.04.07, 11:50). В итоге все получилось, но 2 пункт который вы сделали обратно стал прежним. Помогите исправить :unsure:
Изменения произвёл повторно
Создал бэкап до
27.04.2017 10:04:10
и после изменений
27.04.2017 10:23:07

#18 Rasa

Rasa

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

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

Отправлено 27 Апрель 2017 - 11:00

Просмотр сообщенияMr.Nito (27 Апрель 2017 - 10:24) писал:

Изменения произвёл повторно
Создал бэкап до
27.04.2017 10:04:10
и после изменений
27.04.2017 10:23:07
Все отлично. Спасибо!

#19 Rasa

Rasa

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

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

Отправлено 30 Апрель 2017 - 19:01

Всем привет. Появился новый вопрос. На главной странице магазина очень объемный текст. Как сделать так, чтобы текст на половину был скрытым,  потом при желании нажать и раскрыть его. Скрыть надо только в МВ.Спасибо!
адрес магазина http://kedr-nuts.ru/

#20 Firefly

Firefly

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

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

Отправлено 30 Апрель 2017 - 20:22

Просмотр сообщенияRasa (30 Апрель 2017 - 19:01) писал:

Всем привет. Появился новый вопрос. На главной странице магазина очень объемный текст. Как сделать так, чтобы текст на половину был скрытым,  потом при желании нажать и раскрыть его. Скрыть надо только в МВ.Спасибо!
адрес магазина http://kedr-nuts.ru/

Здравствуйте.
Подключил Вам плагин readmore.js
В шаблоне Страница добавил код:
{% IF index_page %}
<style>
.readmore-js-toggle {padding:10px 0;color:red;}
</style>
<script>
  $('.htmlDataBlock').readmore({
   maxHeight: 240,
   moreLink: '<a href="#">Читать дальше...</a>',
   lessLink: '<a href="#">Скрыть</a>'
  });
</script>
{% ENDIF %}

Он позволит на главной странице при превышении высоты текста в 240px добавлять ссылку "Читать дальше...".
Проверьте, пожалуйста, результат.




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

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