Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Правка Шапки

Автор Луиза, 29 июля 2018 22:40

Авторизуйтесь для ответа в теме

Сообщений в теме: 8

#1 Луиза

Новичок

Пользователи
5 сообщений

Отправлено 29 Июль 2018 - 22:40

Здравствуйте!
Помогите переделать дизайн сайта по приложенному примеру, также в мобильной версии помогите разместить номер телефона после логотипа.
Спасибо!

Наверх

#2 Mr.Nito

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

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

Отправлено 30 Июль 2018 - 10:33

Луиза (29 Июль 2018 - 22:40) писал:

Здравствуйте!
Помогите переделать дизайн сайта по приложенному примеру, также в мобильной версии помогите разместить номер телефона после логотипа.
Спасибо! Прикрепленный файл

пример сайта полн.jpg

Здравствуйте.
Уточните номер Вашего аккаунта, он указан на последней вкладке в бэк-офисе

Наверх

#3 Луиза

Новичок

Пользователи
5 сообщений

Отправлено 30 Июль 2018 - 17:40

Mr.Nito (30 Июль 2018 - 10:33) писал:

Здравствуйте.
Уточните номер Вашего аккаунта, он указан на последней вкладке в бэк-офисе

Здравствуйте! SL-455704 высота слайдера должна остаться такой же

Наверх

#4 Mr.Nito

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

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

Отправлено 30 Июль 2018 - 19:43

Луиза (30 Июль 2018 - 17:40) писал:

Здравствуйте! SL-455704 высота слайдера должна остаться такой же

Изменения по сайту произвёл

Наверх

#5 Луиза

Новичок

Пользователи
5 сообщений

Отправлено 30 Июль 2018 - 22:38

Mr.Nito (30 Июль 2018 - 19:43) писал:

Изменения по сайту произвёл

Большое спасибо! А как сделать, что бы сладер сам пролистывался через каждые 4 секунды? и добавить еще 2 слайда? и поменять иконку страницы (что бы отображалась на вкладке)

Наверх

#6 Mr.Nito

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

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

Отправлено 31 Июль 2018 - 11:05

Луиза (30 Июль 2018 - 22:38) писал:

Большое спасибо! А как сделать, что бы сладер сам пролистывался через каждые 4 секунды? и добавить еще 2 слайда? и поменять иконку страницы (что бы отображалась на вкладке)

Для автопрокрутки слайдера файл main.js

// Слайдер на главной
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
});
});

на

// Слайдер на главной
jQuery(function($) {
var carouselU = $('#slider');
carouselU.owlCarousel({
	 pagination: false,
	 navigation : true,
	 itemsScaleUp : true,
	 slideSpeed : 800,
	 autoplay: true,
	 autoplayTimeout: 4000,
	 autoHeight: true,
	 paginationSpeed : 400,
	 singleItem:true,
	 items: 1
});
});

- добавить ещё два слайда
шаблон 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 по кнопке добавить файлы

Иконку favicon можно изменить по инструкции
https://storeland.ru/about/faq#52

Наверх

#7 Луиза

Новичок

Пользователи
5 сообщений

Отправлено 01 Август 2018 - 00:20

Mr.Nito (31 Июль 2018 - 11:05) писал:

Для автопрокрутки слайдера файл main.js

// Слайдер на главной
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
});
});

на

// Слайдер на главной
jQuery(function($) {
var carouselU = $('#slider');
carouselU.owlCarousel({
	 pagination: false,
	 navigation : true,
	 itemsScaleUp : true,
	 slideSpeed : 800,
	 autoplay: true,
	 autoplayTimeout: 4000,
	 autoHeight: true,
	 paginationSpeed : 400,
	 singleItem:true,
	 items: 1
});
});

- добавить ещё два слайда
шаблон 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 по кнопке добавить файлы

Иконку favicon можно изменить по инструкции
https://storeland.ru/about/faq#52

автопрокрутка почти получилась - еще один вопрос - как ее сделать бесконечной?
добавленные 3 и 4 слайды не отображаются при прокрутке - вместо них пустой прямоугольник - что делать?
фавикон получился
заранее спасибо за помощь!

Наверх

#8 RayLi

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

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

Отправлено 01 Август 2018 - 14:58

Луиза (01 Август 2018 - 00:20) писал:

автопрокрутка почти получилась - еще один вопрос - как ее сделать бесконечной?
добавленные 3 и 4 слайды не отображаются при прокрутке - вместо них пустой прямоугольник - что делать?
фавикон получился
заранее спасибо за помощь!

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

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

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

// Функции для главной страницы
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
	});
});

После чего в раздел: "Сайт" -> "Редактор шаблонов", добавьте, пожалуйста, требуемые Вам изображения для слайдов, такие как: slide3.jpg и slide4.jpg .

Наверх

#9 Луиза

Новичок

Пользователи
5 сообщений

Отправлено 06 Август 2018 - 22:41

RayLi (01 Август 2018 - 14:58) писал:

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

});

После чего в раздел: "Сайт" -> "Редактор шаблонов", добавьте, пожалуйста, требуемые Вам изображения для слайдов, такие как: slide3.jpg и slide4.jpg .

код вставлен, картинки добавлены, но все равно не отображаются - есть ли еще способ заливки? + надо убрать надпись - смотрите приложенный файли

как поправить подвал? - 2 приложенный файл