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


Изменения Шапки, Главной, Подвала. Корректировка Сайта В Целом.


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

#1 Сергей К

Сергей К

    Пользователь

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

Отправлено 14 Октябрь 2018 - 19:41

Добрый вечер! Нужны изменения по сайту. Все нужно сделать точно как на скринах. Аккаунт SL-460087.

скрины

скрины

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

  • 2018-10-14_18-11-42 (2).png
  • 2018-10-14_19-06-41.png
  • 2018-10-14_19-09-20.png
  • 2018-10-14_19-22-28.png
  • 2018-10-14_19-28-06.png
  • 2018-10-14_19-29-40.png


#2 Firefly

Firefly

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

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

Отправлено 19 Октябрь 2018 - 10:44

 Сергей К (14 Октябрь 2018 - 19:41) писал:

Добрый вечер! Нужны изменения по сайту. Все нужно сделать точно как на скринах. Аккаунт SL-460087.

скрины

скрины

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

#3 Сергей К

Сергей К

    Пользователь

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

Отправлено 06 Декабрь 2018 - 18:55

Здравствуйте! Нужны правки на сайте. Все что нужно описано на скринах. Спасибо.

скрин

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

  • 2018-12-06_18-14-29 (2).png
  • 2018-12-06_18-35-42.png
  • 2018-12-06_18-44-55.png


#4 Сергей К

Сергей К

    Пользователь

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

Отправлено 06 Декабрь 2018 - 20:58

Надпись "Минимальная сумма заказа: 800 руб." с большой буквы.

#5 stasia

stasia

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

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

Отправлено 07 Декабрь 2018 - 11:48

 Сергей К (06 Декабрь 2018 - 20:58) писал:

Надпись "Минимальная сумма заказа: 800 руб." с большой буквы.


Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:

/*** Шапка ***/
#logo {float: left;margin-top: 20px;}

И сразу после добавьте данный код:

.text_min {
	text-align: right;
	color: #696b79;
}


Зайдите в Редактор шаблонов---HTML и найдите данный код:

			<!-- /END Меню навигации в шапке -->
		  </div>
		</div>
	  </div>
	</div>
	<!-- /END Шапка (логотип, каталог)-->

Замените его на:

			<!-- /END Меню навигации в шапке -->
		  </div>
		</div>
		<div class="text_min">Минимальная сумма заказа: 800 руб.</div>
	  </div>
	</div>
	<!-- /END Шапка (логотип, каталог)-->




Найдите этот код:  

	<!-- Информационный блок -->
	{% IF index_page %}
	<div id="block-info">
	  <div class="container">
		<div class="row">
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-truck"></em></div>
			<div class="text-block">
			  <h4>Бесплатная доставка</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-unlock-alt"></em></div>
			<div class="text-block">
			  <h4>Безопасная оплата</h4>
			</div>
		  </div>
		  <div class="clear-resp"></div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-rotate-left"></em></div>
			<div class="text-block">
			  <h4>30 дней гарантии</h4>
			</div>
		  </div>
		  <div class="col-md-3 col-sm-6 col-sms-6 col-smb-12 block-top-content">
			<div class="icon-block"><em class="fa fa-phone"></em></div>
			<div class="text-block">
			  <h4>Прием заказов 24/7</h4>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	{% ENDIF %}
	<!-- /END Информационный блок -->

И удалите его.

#6 Сергей К

Сергей К

    Пользователь

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

Отправлено 08 Декабрь 2018 - 10:05

Здравствуйте!Нужны доработки.
1.Удальть выбранные области в подвале.
2.Поправить карточку товара в"Сопутствующих товарах" и "С этим товаром смотрят"
3.Как изменить фавикон?

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

  • 2018-12-08_09-59-49.png
  • 2018-12-06_18-14-29 (2).png


#7 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 08 Декабрь 2018 - 12:02

 Сергей К (08 Декабрь 2018 - 10:05) писал:

Здравствуйте!Нужны доработки.
1.Удальть выбранные области в подвале.
2.Поправить карточку товара в"Сопутствующих товарах" и "С этим товаром смотрят"
3.Как изменить фавикон?

Здравствуйте.
1) В шаблоне html найдите данный блок кода:

				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				{% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %}
				<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" />
				<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off" />
				<div class="pp">Нажимая на кнопку отправить, Вы соглашаетесь с <a href="#">правилами обработки данных</a></div>
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
			  </form>
			  <ul class="link-follow">
				<li><a class="facebook fa fa-facebook" href="https://www.facebook.com/" title="FaceBook.com" target="_blank"><span>facebook</span></a></li>
				<li><a class="twitter fa fa-twitter" href="https://twitter.com/" title="Twitter.com" target="_blank"><span>twitter</span></a></li>
				<li><a class="odnoklassniki fa fa-odnoklassniki" href="https://ok.ru/" title="Odnoklassniki" target="_blank"><span>odnoklassniki</span></a></li>
				<li><a class="vk fa fa-vk" href="https://vk.com/" title="VK.com" target="_blank"><span>vk</span></a></li>
				<li><a class="youtube fa fa-instagram" href="https://instagram.com/" title="Instagram.com" target="_blank"><span>youtube</span></a></li>
			  </ul>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<div id="footer-bottom">

И заменить его этим кодом:

				<!-- Набор полей которые не видит пользователь, но видят боты. Когда они их заполняют мы точно знаем, что их прислал нам бот и мы не сохраняем подобный отзыв о товаре, а боту отправившему отзыв сообщаем, что отзыв добавлен успешно, но будет отображён здесь после прохождения модерации -->
				{ANTISPAM_CODE}
				{% IF FORM_NOTICE %}<div class="{% IF FORM_NOTICE_IS_GOOD %}success{% ELSE %}warning{% ENDIF %}">{FORM_NOTICE}</div>{% ENDIF %}
				<input id="callback_person" class="inputText callback_person required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PERSON}]" value="{FORM_CALLBACK_PERSON}" placeholder="Представьтесь, пожалуйста" maxlength="50" title="Представьтесь, пожалуйста" autocomplete="off" />
				<input id="callback_phone" class="inputText callback_phone required" type="text" name="form[{ANTISPAM_FORM_FIELD_NAME_CALLBACK_PHONE}]" value="{FORM_CALLBACK_PHONE}" placeholder="Введите номер телефона" maxlength="50" title="Введите номер телефона" autocomplete="off" />
				{% IFNOT FORM_SEND_OK %}<button type="submit" title="Отправить" class="button">Отправить</button>{% ENDIF %}
			  </form>
			</div>
		  </div>
		</div>
	  </div>
	</div>
	<div id="footer-bottom">


2) После чего, в шаблоне main.css найдите, пожалуйста, следующий блок кода:


.products-grid .item .item-inner .actions ul.add-to-links li.wishlist {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

И замените его этим кодом:

.products-grid .item .item-inner .actions ul.add-to-links li.wishlist {
	border-left: 1px solid #fff;
}


Далее, всё там же, найдите данный код:

.products-grid .item .item-inner .actions ul.add-to-links {
	float: right;
	width: 66%;
}

И замените его этим кодом:

.products-grid .item .item-inner .actions ul.add-to-links {
	float: right;
	width: 50%;
}


После чего, всё там же найдите следующий код:

.products-grid .item .item-inner .actions ul.add-to-links li {
	float: left;
	width: 50%;
}

И замените его вот этим кодом:

.products-grid .item .item-inner .actions ul.add-to-links li {
	float: left;
	width: 100%;
}


Далее найдите, пожалуйста, данный код:

.products-grid .item .item-inner .actions .add-cart.button {
	float: left;
	width: 34%;
	overflow: visible;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}

И замените его этим кодом:


.products-grid .item .item-inner .actions .add-cart.button {
	float: left;
	width: 45%;
	overflow: visible;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}


3) В данном случае, Вам сможет помочь следующая подробная инструкция из нашего раздела Помощи: https://storeland.ru/about/faq#52 .

#8 Сергей К

Сергей К

    Пользователь

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

Отправлено 12 Декабрь 2018 - 14:36

Здравствуйте! Нужны след. доработки:
1. Удалить полосу (на скрине показано)
2. На слайдах отсутствуют срелочки для прокрутки следующего слайда. И слайды автоматически не меняются. Нужно сделать
стрелочки и автоматическую прокрутку.
3. Как увеличить количество слайдов?

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

  • 2018-12-12_14-28-18.png


#9 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 12 Декабрь 2018 - 17:54

 Сергей К (12 Декабрь 2018 - 14:36) писал:

Здравствуйте! Нужны след. доработки:
1. Удалить полосу (на скрине показано)
2. На слайдах отсутствуют срелочки для прокрутки следующего слайда. И слайды автоматически не меняются. Нужно сделать
стрелочки и автоматическую прокрутку.
3. Как увеличить количество слайдов?

Здравствуйте.
2) В бэк-офисе вашего интернет-магазина, в разделе Сайт -> Редактор шаблонов, в шаблоне main.js найдите, пожалуйста, данный код:

// Функции для главной страницы
function indexPage() {
// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
		carouselU.owlCarousel({
		  pagination: false,
		  navigation : true,
		  itemsScaleUp : true,
		  slideSpeed : 800,
		  autoPlay: true,
		  autoHeight: true,
		  paginationSpeed : 400,
		  singleItem:true
		});
});

// Товары на главной

И замените его вот этим вот кодом:

// Функции для главной страницы
function indexPage() {
// Слайдер на главной
jQuery(function($) {
  var carouselU = $('#slider');
	carouselU.owlCarousel({
	  pagination: false,
	  navigation : true,
	  itemsScaleUp : true,
	  slideSpeed : 800,
	  autoplay: true,
	  autoHeight: true,
	  paginationSpeed : 400,
	  singleItem:true,
	  items:1,
	  nav: true,
	  rewind:true
	});
});

// Товары на главной



Далее в шаблоне: forall.js найдите, пожалуйста, следующий код:


navContainerClass:"owl-nav",


И замените его вот этим вот кодом:


navContainerClass:"owl-buttons",


#10 Сергей К

Сергей К

    Пользователь

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

Отправлено 13 Декабрь 2018 - 11:51

Здравствуйте! Не получается произвести данную замену:

Далее в шаблоне: forall.js найдите, пожалуйста, следующий код:
navContainerClass:"owl-nav",
И замените его вот этим вот кодом:
navContainerClass:"owl-buttons",

Замена происходит не корректно. Замените пожалуйста сами.

#11 Firefly

Firefly

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

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

Отправлено 18 Декабрь 2018 - 11:19

 Сергей К (13 Декабрь 2018 - 11:51) писал:

Здравствуйте! Не получается произвести данную замену:

Далее в шаблоне: forall.js найдите, пожалуйста, следующий код:
navContainerClass:"owl-nav",
И замените его вот этим вот кодом:
navContainerClass:"owl-buttons",

Замена происходит не корректно. Замените пожалуйста сами.

Здравствуйте.
Извините за ожидание. Внес Вам изменения.

#12 Сергей К

Сергей К

    Пользователь

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

Отправлено 18 Декабрь 2018 - 14:26

Здравствуйте! Как увеличить количество слайдов?

#13 RayLi

RayLi

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

  • Модераторы
  • 2 864 сообщений

Отправлено 19 Декабрь 2018 - 13:54

 Сергей К (18 Декабрь 2018 - 14:26) писал:

Здравствуйте! Как увеличить количество слайдов?

Здравствуйте.
В шаблоне html найдите, пожалуйста, данный блок кода:

			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" />
				</div>
				<div class="item">
				  <img u="image" src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" />
				</div>
			  </div>
			</div>
			<!-- /END Slider Слайдер -->

И замените его этим кодом:

			<!-- Slider Слайдер -->
			<div id="slideshow">
			  <div class="preloader"><span class="content-loading"></span></div>
			  <div id="slider" class="owl-carousel owl-theme">
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide1.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide2.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide3.jpg?design=sport" /></a>
				</div>
				<div class="item">
				  <a href="#" u="image"><img src="{ASSETS_IMAGES_PATH}slide4.jpg?design=sport" /></a>
				</div>				
			  </div>
			</div>
			<!-- /END Slider Слайдер -->

Далее, в раздел: "Сайт" -> "Редактор шаблонов" добавьте, пожалуйста, следующие файлы: slide3.jpg и slide4.jpg .




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

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