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


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


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

#41 fullkos

fullkos

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

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

Отправлено 06 Октябрь 2015 - 08:25

А как дальше быть ?

#42 Firefly

Firefly

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

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

Отправлено 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 fullkos

fullkos

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

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

Отправлено 06 Октябрь 2015 - 12:14

Мне теперь необходимо уменьшить слайдер с левой стороны и с правой, а соседнюю картинку подвинуть левее.Как это сделать ?

#44 Firefly

Firefly

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

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

Отправлено 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 fullkos

fullkos

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

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

Отправлено 06 Октябрь 2015 - 14:04

Спасибо настроил!
Подскажите, как опустить полосу с тремя значками, которая находится под слайдером,поставить ее после товаров на главной ( Новинки,Хиты и т.п. )

#46 Firefly

Firefly

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

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

Отправлено 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 fullkos

fullkos

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

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

Отправлено 06 Октябрь 2015 - 15:08

Помогите немного приподнять слайдер и баннер к каталогу, но не впритык.

#48 Firefly

Firefly

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

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

Отправлено 06 Октябрь 2015 - 16:12

Просмотр сообщенияfullkos (06 Октябрь 2015 - 15:08) писал:

Помогите немного приподнять слайдер и баннер к каталогу, но не впритык.

Зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css, найдите код:
#main {margin-top:40px;}

Замените на:
#main {margin-top: 20px;}


#49 fullkos

fullkos

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

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

Отправлено 06 Октябрь 2015 - 17:30

полосу с тремя значками, которая находится после товаров на главной ( Новинки,Хиты и т.п. ).Возможно уменьшить в ширину? и немного опустить?

#50 fullkos

fullkos

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

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

Отправлено 06 Октябрь 2015 - 17:50

И где можно узнать, чтобы я сам выставил цвет всего, что можно поменять ( кнопки, корзина, поиск и остальное ) ?

#51 Юля123

Юля123

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

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

Отправлено 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

#52 nosferatum44

nosferatum44

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

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

Отправлено 29 Октябрь 2015 - 09:01

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

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

  • Снимок экрана 2015-10-29 в 8.58.33.png


#53 Юля123

Юля123

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

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

Отправлено 29 Октябрь 2015 - 09:41

Просмотр сообщенияnosferatum44 (29 Октябрь 2015 - 09:01) писал:

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

Здравствуйте, к сожалению, мы не можем вам помочь, т.к. ваш магазин, аккаунт которого у вас указан,заблокирован. Пополните баланс и напишите нам еще раз.

#54 nosferatum44

nosferatum44

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

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

Отправлено 29 Октябрь 2015 - 10:05

Аккаунт SL-362851 - это другой аккаунт

Еще вопрос - как отключить функцию "Избранное" и "Сравнение товаров" и вместо них поставить функцию при наведении на товар "Быстрый заказ" ?

Заранее спасибо

#55 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 29 Октябрь 2015 - 11:46

Просмотр сообщенияnosferatum44 (29 Октябрь 2015 - 10:05) писал:

Аккаунт SL-362851 - это другой аккаунт

Еще вопрос - как отключить функцию "Избранное" и "Сравнение товаров" и вместо них поставить функцию при наведении на товар "Быстрый заказ" ?

Заранее спасибо
Здравствуйте,
что бы отключить функцию сравнения на сайте, зайдите в раздел Настройки-Основные и поставьте на против параметра "Выключить модуль сравнения товаров на сайте" галочку.
Добавьте в конец 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 nosferatum44

nosferatum44

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

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

Отправлено 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) писал:

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


#57 Ирина345

Ирина345

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

  • Модераторы
  • 5 709 сообщений

Отправлено 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 nosferatum44

nosferatum44

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

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

Отправлено 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. скролл на странице присутствует, он появляется если информация на странице больше окна браузера.
1.Я указал на скрине что поменять. Ссылка на пост по скрином
2.При скроллинге страница прокручивается с инерцией. Как эту инерцию убрать (инерция на форуме при скроллинге отсутствует, вот так я и хочу сделать на сайте)? А так же с помощью тачпада нельзя смахиванием возвращаться на предыдущую страницу - как это исправить.

#59 Юля123

Юля123

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

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

Отправлено 30 Октябрь 2015 - 12:25

Просмотр сообщенияnosferatum44 (29 Октябрь 2015 - 21:44) писал:

1.Я указал на скрине что поменять. Ссылка на пост по скрином
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 nosferatum44

nosferatum44

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

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

Отправлено 31 Октябрь 2015 - 08:14

По поводу скроллинга ответите ? Как исправить на нормальный ?
Вот для примера
Нормальный скроллинг - http://azure-demo.storeland.ru/
С инерцией - a138358.storeland.ru
Магазин с нуля поставил, а скроллинг все равно не такой как в демке.




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

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