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


Помоги Пожалуйста Закончить Настройку Шаблона


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

#1 s.vertebra

s.vertebra

    Новичок

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

Отправлено 11 Август 2019 - 22:33

Здравствуйте, помогите пожалуйста настроить тему.
Сайт - http://d686692.storeland.ru
Аккаунт SL-481601 81601 S L-481601


1. Удалил все слайды, кроме одной, осталась анимация АВТОМАТИЧЕСКОГО ЛИСТАНИЯ слайдов. Помогите пожалуйста убрать данную анимацию


2. Подвинуть левее ЗАГОЛОВОК слайда. Сделать чтобы заливка заголовка не пересекалась с концом слайда
Изображение
https://vk.com/photo...21857_457239107
https://vk.com/photo...21857_457239107


3. Подвинуть все эти столбики в один ряд
Изображение


4. Скрыть в мобильной версии ссылки в шапке сайта "Каталог товаров. Адреса магазинов"
Изображение


5. Поменять цвет ссылки в шапке сайта "Каталог товаров"
Изображение

#2 stasia

stasia

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

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

Отправлено 12 Август 2019 - 09:53

Просмотр сообщенияs.vertebra (11 Август 2019 - 22:33) писал:

Здравствуйте, помогите пожалуйста настроить тему.
Сайт - http://d686692.storeland.ru
Аккаунт SL-481601 81601 S L-481601


1. Удалил все слайды, кроме одной, осталась анимация АВТОМАТИЧЕСКОГО ЛИСТАНИЯ слайдов. Помогите пожалуйста убрать данную анимацию


2. Подвинуть левее ЗАГОЛОВОК слайда. Сделать чтобы заливка заголовка не пересекалась с концом слайда
Изображение
https://vk.com/photo...21857_457239107
https://vk.com/photo...21857_457239107


3. Подвинуть все эти столбики в один ряд
Изображение


4. Скрыть в мобильной версии ссылки в шапке сайта "Каталог товаров. Адреса магазинов"
Изображение


5. Поменять цвет ссылки в шапке сайта "Каталог товаров"
Изображение

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

// Слайдер на главной
var owlS = $('#slideshow .owl-carousel');
owlS.owlCarousel({
  items: 1,
  loop: true,
  rewind: true,
  lazyLoad: false,
  nav: false,
  dots: true,
  autoplay: true,
  autoplayHoverPause: true,
  smartSpeed: 500,
  dotsSpeed: 400,
  mouseDrag: true,
  touchDrag: true,
  pullDrag: true
});


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

// Слайдер на главной
var owlS = $('#slideshow .owl-carousel');
owlS.owlCarousel({
  items: 1,
  loop: true,
  rewind: true,
  lazyLoad: false,
  nav: false,
  dots: true,
  autoplay: false,
  autoplayHoverPause: true,
  smartSpeed: 500,
  dotsSpeed: 400,
  mouseDrag: true,
  touchDrag: true,
  pullDrag: true
});


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

#promo .items {margin-top: 30px;width: 50%;}
#promo .items .item {width: 50%;margin-bottom: 30px;}
#promo .items .item .title {display: inline-block;width: calc(100% - 120px);font-size: 18px;font-weight: bold;vertical-align: middle;}

И замените его на:

#promo .items {margin-top: 30px;width: 100%;}
#promo .items .item {width: 25%;margin-bottom: 30px;}
#promo .items .item .title {display: inline-block;width: calc(100% - 120px);font-size: 18px;font-weight: bold;vertical-align: middle;}



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

/*** Слайдшоу ***/
#slideshow {position: relative;margin-top: -50px;}
#slideshow .container {position: relative;}
#slideshow .item .image {max-height: 600px;overflow: hidden;}
#slideshow .content {position: absolute;top: 28%;right: 10%;width: 40%;margin: 0 0 0 auto;}

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

/*** Слайдшоу ***/
#slideshow {position: relative;margin-top: -50px;}
#slideshow .container {position: relative;}
#slideshow .item .image {max-height: 600px;overflow: hidden;}
#slideshow .content {position: absolute;top: 28%;right: 30%;width: 40%;margin: 0 0 0 auto;}


Найдите данный код:

@media all and (max-width: 481px) {
.col-smb-12 {width: 100%;}
.col-contact {margin-bottom: 20px;}

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

.catalog_but, .map_but {display: none !important;}



#3 s.vertebra

s.vertebra

    Новичок

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

Отправлено 13 Август 2019 - 03:45

1. Анимация на слайд шоу осталась
2. Заголовок на слайде остался на месте, заливка все также пересекается.
3. Столбы с преимуществами наезжают на друг друга при увеличении или уменьшении размера браузера. Нужно чтобы они были адаптивными под все размеры.
4. Как поменять цвет ссылки непонятно(

Помоги пожалуйста закрыть все вопросы
Спасибо

#4 stasia

stasia

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

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

Отправлено 13 Август 2019 - 08:26

Просмотр сообщенияs.vertebra (13 Август 2019 - 03:45) писал:

1. Анимация на слайд шоу осталась
2. Заголовок на слайде остался на месте, заливка все также пересекается.
3. Столбы с преимуществами наезжают на друг друга при увеличении или уменьшении размера браузера. Нужно чтобы они были адаптивными под все размеры.
4. Как поменять цвет ссылки непонятно(

Помоги пожалуйста закрыть все вопросы
Спасибо

Здравствуйте. Зайдите в Редактор шаблонов --- main.css и найдите данный код:
#promo .items {width: 55%;}

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

Найдите данный код:
#promo .items .item .title {font-size: 14px;width: calc(100% - 70px);}

Замените его на:
#promo .items .item .title {font-size: 12px;width: calc(100% - 70px);}



И добавьте в самый конец шаблона код:
.catalog_but a {color: #00ace8;}

Найдите в нем  color: #00ace8;  и замените   00ace8  на Ваш код цвета(шестизначный).


Найдите данный код:
#slideshow .content {width: 50%;top: 32;bottom: 70px;right: 0;}

Замените его на:
#slideshow .content {width: 50%;top: 32;bottom: 70px;right: 25%;}





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

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