Изменение Вида Главной Страницы Сайта.
#41
Отправлено 06 Октябрь 2015 - 08:25
#42
Отправлено 06 Октябрь 2015 - 11:10
fullkos (06 Октябрь 2015 - 08:25) писал:
Здравствуйте.
Вы можете загрузить свое изображение баннера через кнопку "Добавить файлы" в редакторе шаблонов с соответствующими размерами.
Далее зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<div class="ban_slide"><img src="{ASSETS_IMAGES_PATH}slide2.png?design=jade"></div>
Измените в данном коде slide2.png на название нового загруженного изображения.
#43
Отправлено 06 Октябрь 2015 - 12:14
#44
Отправлено 06 Октябрь 2015 - 13:41
fullkos (06 Октябрь 2015 - 12:14) писал:
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#slideshow { position: relative; width: 80% !important; margin: 0; float: left; } .ban_slide { width: 20%; float: right; overflow: hidden; }
Замените на:
#slideshow { position: relative; width: 72% !important; margin: 0; float: left; margin-left: 3%; } .ban_slide { width: 22%; float: right; overflow: hidden; margin-right: 3%; }
#45
Отправлено 06 Октябрь 2015 - 14:04
Подскажите, как опустить полосу с тремя значками, которая находится под слайдером,поставить ее после товаров на главной ( Новинки,Хиты и т.п. )
#46
Отправлено 06 Октябрь 2015 - 14:39
fullkos (06 Октябрь 2015 - 14:04) писал:
Подскажите, как опустить полосу с тремя значками, которая находится под слайдером,поставить ее после товаров на главной ( Новинки,Хиты и т.п. )
Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Шаблоны -> HTML, найдите код:
<!-- Баннеры на главной --> {% IF index_page %} <div class="yt-bannertop"> <div class="container"> <div class="row"> <div class="banner-top"> <ul> <li class="li-1 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico1-banner-top2.jpg?design=orange" alt=""></a> <div class="li1-content"><a href="#">Бесплатная доставка!</a> <p>Доставка по городу и области Бесплатна!</p> </div> </li> <li class="li-2 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico2-banner-top2.jpg?design=orange" alt=""></a> <div class="li2-content"><a href="#">30 дней Гарантии</a> <p>Вы можете вернуть товар в течении 30 дней после получения заказа</p> </div> </li> <li class="li-3 col-lg-4 col-md-4 col-sm-4 col-xs-12"><a class="banner-top-img" href="#"><img src="{ASSETS_IMAGES_PATH}ico3-banner-top2.jpg?design=orange" alt=""></a> <div class="li3-content"><a href="#">Прием заказов 24/7</a> <p>Оформите заказ в интернет-магазине "{SETTINGS_STORE_NAME}" Прямо сейчас!</p> </div> </li> </ul> </div> </div> </div> </div> {% ENDIF %} <!-- /END Баннеры на главной -->
Переместите данный код перед:
</div> <!-- /END Основная часть -->
#47
Отправлено 06 Октябрь 2015 - 15:08
#49
Отправлено 06 Октябрь 2015 - 17:30
#50
Отправлено 06 Октябрь 2015 - 17:50
#51
Отправлено 06 Октябрь 2015 - 20:47
fullkos (06 Октябрь 2015 - 17:30) писал:
Здравствуйте, на вашем сайте в разделе Сайт > Редактор шаблонов > Стили в файле main.css найдите:
.yt-bannertop { background-color:#f3f3f3; padding:50px 0 30px; }
и замените на:
.yt-bannertop { background-color:#f3f3f3; padding: 20px 0 15px; }
Далее там же найдите код:
#footer { background-color: #f3f3f3; margin-top: 45px;padding-top: 40px; }
и замените на:
#footer { background-color: #f3f3f3; margin-top: 25px; padding-top: 40px; }
fullkos (06 Октябрь 2015 - 17:50) писал:
Для изменения цвета корзины в коде
.header-content .mini-cartpro .block-title { background-image: url('{ASSETS_IMAGES_PATH}ico-cart.png?design=orange'); background-repeat: no-repeat; background-position: 15px 12px; background-color: #71cb45; padding: 18px 18px 12px 50px; color: #fff;height: 50px; margin-left: 1px;}
измените в background-color цвет #71cb45 на необходимый
Для кнопки поиска:
#search_mini_form .form-search #search { float: left; height: 50px; border: 7px solid transparent; border-color: #71cb45; width: 250px; font-size: 100%;}
Измените код цвета #71cb45 в border-color
а так же для кнопок:
.button { font-family: Arial; background-color: #71cb45; color: #fff; line-height: 100%; padding: 10px 20px; display:block; cursor:pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align:center; }
измените код цвета #71cb45 в background-color
#53
Отправлено 29 Октябрь 2015 - 09:41
nosferatum44 (29 Октябрь 2015 - 09:01) писал:
2.Как поставить обычный скроллинг страницы, чтобы она плавно прокручивалась с помощью тачпада и чтобы можно было смахиванием переходить назад-вперед ?
Здравствуйте, к сожалению, мы не можем вам помочь, т.к. ваш магазин, аккаунт которого у вас указан,заблокирован. Пополните баланс и напишите нам еще раз.
#54
Отправлено 29 Октябрь 2015 - 10:05
Еще вопрос - как отключить функцию "Избранное" и "Сравнение товаров" и вместо них поставить функцию при наведении на товар "Быстрый заказ" ?
Заранее спасибо
#55
Отправлено 29 Октябрь 2015 - 11:46
nosferatum44 (29 Октябрь 2015 - 10:05) писал:
Еще вопрос - как отключить функцию "Избранное" и "Сравнение товаров" и вместо них поставить функцию при наведении на товар "Быстрый заказ" ?
Заранее спасибо
что бы отключить функцию сравнения на сайте, зайдите в раздел Настройки-Основные и поставьте на против параметра "Выключить модуль сравнения товаров на сайте" галочку.
Добавьте в конец main.css
.add-wishlist { display: none !important; }Найдите в шаблоне Товары код
<!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a--> <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
замените на
<a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a> <!--a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
#56
Отправлено 29 Октябрь 2015 - 11:56
Ирина345 (29 Октябрь 2015 - 11:46) писал:
что бы отключить функцию сравнения на сайте, зайдите в раздел Настройки-Основные и поставьте на против параметра "Выключить модуль сравнения товаров на сайте" галочку.
Добавьте в конец main.css
.add-wishlist { display: none !important; }Найдите в шаблоне Товары код
<!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a--> <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
замените на
<a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a> <!--a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a-->
Предыдущие вопросы так же актуальны :
nosferatum44 (29 Октябрь 2015 - 09:01) писал:
2.Как поставить обычный скроллинг страницы, чтобы она плавно прокручивалась с помощью тачпада и чтобы можно было смахиванием переходить назад-вперед ?
#57
Отправлено 29 Октябрь 2015 - 15:57
nosferatum44 (29 Октябрь 2015 - 11:56) писал:
Предыдущие вопросы так же актуальны :
<!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a--> <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
замените на
<a class="add-cart quick btn-cart product-addcart bustr" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>Быстрый заказ</a> <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
далее в конец main.css добавьте
a.add-cart.quick.btn-cart.product-addcart.bustr { position: relative; width: 99px; height: 54px; display: block; float: left; text-align: center; color: #fff; font-size: 23px; margin: 0 9px; margin-top: 9px; }
1. что поменять
2. скролл на странице присутствует, он появляется если информация на странице больше окна браузера.
#58
Отправлено 29 Октябрь 2015 - 21:44
Ирина345 (29 Октябрь 2015 - 15:57) писал:
<!--a class="add-cart quick btn-cart product-addcart btn-addto" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a--> <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
замените на
<a class="add-cart quick btn-cart product-addcart bustr" title="Быстро оформить заказ" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}>Быстрый заказ</a> <a class="add-cart btn-cart product-addcart btn-addto" title="В корзину" {% IF SETTINGS_GOODS_DONT_PUT_TO_CART_MORE_THAN_AVAILABLE %}{% IF goods.MIN_REST_VALUE=0 %}style="display:none;"{% ENDIF %}{% ENDIF %}></a>
далее в конец main.css добавьте
a.add-cart.quick.btn-cart.product-addcart.bustr { position: relative; width: 99px; height: 54px; display: block; float: left; text-align: center; color: #fff; font-size: 23px; margin: 0 9px; margin-top: 9px; }
1. что поменять
2. скролл на странице присутствует, он появляется если информация на странице больше окна браузера.
2.При скроллинге страница прокручивается с инерцией. Как эту инерцию убрать (инерция на форуме при скроллинге отсутствует, вот так я и хочу сделать на сайте)? А так же с помощью тачпада нельзя смахиванием возвращаться на предыдущую страницу - как это исправить.
#59
Отправлено 30 Октябрь 2015 - 12:25
nosferatum44 (29 Октябрь 2015 - 21:44) писал:
2.При скроллинге страница прокручивается с инерцией. Как эту инерцию убрать (инерция на форуме при скроллинге отсутствует, вот так я и хочу сделать на сайте)? А так же с помощью тачпада нельзя смахиванием возвращаться на предыдущую страницу - как это исправить.
Чтобы поменять местами кнопку "Корзина" и форму поиска зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
@media all and (max-width: 767px) {
после него добавьте
.block.mini-cartpro.sm-cartpro.cart-header { transform: translateY(-176px); } form#search_mini_form2 { transform: translateY(176px); }
#60
Отправлено 31 Октябрь 2015 - 08:14
Вот для примера
Нормальный скроллинг - http://azure-demo.storeland.ru/
С инерцией - a138358.storeland.ru
Магазин с нуля поставил, а скроллинг все равно не такой как в демке.
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных