Изменение Главной Страницы
#1
Отправлено 22 Апрель 2017 - 13:11
1.Раскрыть кнопку "контакты". Оставить только телефон, почта и время работы.
2. На странице товаров есть значки соц.сетей и способы оплаты. Где в настройках их можно изменить?
3.Переместить и раскрыть каталог товаров.
Все показано в скриншоте. Спасибо!
#2
Отправлено 22 Апрель 2017 - 20:47
Rasa (22 Апрель 2017 - 13:11) писал:
1.Раскрыть кнопку "контакты". Оставить только телефон, почта и время работы.
2. На странице товаров есть значки соц.сетей и способы оплаты. Где в настройках их можно изменить?
3.Переместить и раскрыть каталог товаров.
Все показано в скриншоте. Спасибо!
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="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_2" title="Мы принимаем оплату через кредитные карты Maestro"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_5" title="Мы принимаем оплату через систему РБК money"> </span> <span class="icon_6" title="Мы принимаем оплату через Робокассу"> </span> <span class="icon_7" title="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_8" title="Мы принимаем оплату через SMS"> </span> <span class="icon_9" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_10" title="Мы принимаем к оплате Webmoney"> </span> </a> </div>Удалить их можно также построчно, либо удалить весь блок целиком.
3.Категории каталога вывел на главной странице.
#3
Отправлено 22 Апрель 2017 - 20:54
Mr.Nito (22 Апрель 2017 - 20:47) писал:
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="Мы принимаем к оплате Яндекс.Деньги"> </span> <span class="icon_2" title="Мы принимаем оплату через кредитные карты Maestro"> </span> <span class="icon_3" title="Мы принимаем к оплате кредитные карты MasterCard"> </span> <span class="icon_4" title="Мы принимаем оплату через терминалы оплаты Qiwi"> </span> <span class="icon_5" title="Мы принимаем оплату через систему РБК money"> </span> <span class="icon_6" title="Мы принимаем оплату через Робокассу"> </span> <span class="icon_7" title="Мы принимаем к оплате квитанции сбербанка"> </span> <span class="icon_8" title="Мы принимаем оплату через SMS"> </span> <span class="icon_9" title="Мы принимаем к оплате кредитные карты VISA"> </span> <span class="icon_10" title="Мы принимаем к оплате Webmoney"> </span> </a> </div>Удалить их можно также построчно, либо удалить весь блок целиком.
3.Категории каталога вывел на главной странице.
#4
Отправлено 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} /* Рамка для текста */
#6
Отправлено 23 Апрель 2017 - 13:04
1. Меню поднять выше, левее от логотипа
2.Из контактов оставить только номер телефона. Слева от телефона развернуть каталог товаров, справа корзину.
3. Поиск опустить вниз. Размер рамки поиска должен быть примерно как на скриншоте. Спасибо )
#7
Отправлено 23 Апрель 2017 - 17:46
Rasa (23 Апрель 2017 - 13:04) писал:
1. Меню поднять выше, левее от логотипа
2.Из контактов оставить только номер телефона. Слева от телефона развернуть каталог товаров, справа корзину.
3. Поиск опустить вниз. Размер рамки поиска должен быть примерно как на скриншоте. Спасибо )
#9
Отправлено 24 Апрель 2017 - 13:41
Rasa (23 Апрель 2017 - 18:13) писал:
#10
Отправлено 24 Апрель 2017 - 14:26
Stasya (24 Апрель 2017 - 13:41) писал:
#12
Отправлено 25 Апрель 2017 - 13:34
Новые вопросы)
1. В главной версии сайта корзина опустилось ниже логотипа. Надо обратно поставить на старое место(справа от поиска)
2.В каталоге и карточке товара видны все три цены, а на главной странице сайта только одна розничная цена.
3.Где можно редактировать шрифт "контакты" в шапке магазине?
4.Где редактировать значки соц.сетей в карточке товара?
5. В МВ сайта когда нажимаешь на номер телефона(в шапке), переходит в страницу контакты. Надо чтобы нажал на номер и позвонил. Спасибо!
#13
Отправлено 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'); } });*/
#14
Отправлено 26 Апрель 2017 - 16:37
#15
Отправлено 26 Апрель 2017 - 17:14
Rasa (26 Апрель 2017 - 16:37) писал:
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
Отправлено 26 Апрель 2017 - 18:14
Stasya (26 Апрель 2017 - 17:14) писал:
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; }
#17
Отправлено 27 Апрель 2017 - 10:24
Rasa (26 Апрель 2017 - 18:14) писал:
Создал бэкап до
27.04.2017 10:04:10
и после изменений
27.04.2017 10:23:07
#19
Отправлено 30 Апрель 2017 - 19:01
адрес магазина http://kedr-nuts.ru/
#20
Отправлено 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 анонимных