Jump to content

  • You cannot start a new topic
  • You cannot reply to this topic

Слайдер - Изменить Точки И Кнопки На Стрелки Rate Topic   - - - - -

 
  • miadiva
  • Senior Member
  • Members
  • Join Date: 17-Sep 13
  • 362 posts

Posted 18 March 2014 - 04:00 AM #1

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

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

вот кнопочки:
slider-new.png

а это то, что хотелось бы вернуть
slider-old.png

Тут какие-то настройки можно сделать? Или нужно подходящий скрипт искать?

 
  • miadiva
  • Senior Member
  • Members
  • Join Date: 17-Sep 13
  • 362 posts

Posted 28 March 2014 - 11:04 AM #2

Пожалуйста, кто-нибудь подскажите!
Пыталась самостоятельно разобраться, как изменить эти навигационные кнопки на стрелки по бокам.
Пробую так:
в переменных указала вместо текста изображение (стрелки):
Предыдущий - prev.png и Следующий - next.png

В стороны отодвинула указав:
.owl-theme .owl-controls {
/*text-align: center;*/
}


.owl-next {
float: right;
}
.owl-prev {
float: left;
}

Подняла вверх указав:
.owl-theme .owl-controls {
margin: -150px 0 150px 0;
}

Убрала фон.


А вот кнопки сделать перед товарами не получается. Кнопки остались за товарами в скроллере и не получается на них нажимать. Не знаю как z-index указывать...

Помогите! :confused:

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21914 posts

Posted 28 March 2014 - 11:15 AM #3

@miadiva,

Посмотреть где-то можно?
GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • miadiva
  • Senior Member
  • Members
  • Join Date: 17-Sep 13
  • 362 posts

Posted 28 March 2014 - 12:42 PM #4

Я делала изменения в инспекторе браузера

buttons.png
Вот. кнопки отображаются за товарами ((((

Пробовала отдельно в переменных добавить нужные картинки, добавились.
А здесь в примере без картинок-стрелок.

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21914 posts

Posted 28 March 2014 - 12:56 PM #5

@miadiva,

Попробуйте "z-index: 99;" указать для ".owl-next" и ".owl-prev". На демо сайте работает нормально
GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • miadiva
  • Senior Member
  • Members
  • Join Date: 17-Sep 13
  • 362 posts

Posted 28 March 2014 - 01:10 PM #6

:( хм... у меня не получилось. В демо версии тоже не входит на передний план...
Пробовала z-index: 99; и z-index: 1000; и z-index: 10000; указать - ничего.

buttons2.png

 
  • miadiva
  • Senior Member
  • Members
  • Join Date: 17-Sep 13
  • 362 posts

Posted 28 March 2014 - 01:12 PM #7

Что-то не открылся скриншот в предыдущем сообщении
buttons2.png

 
  • eComLabs
  • CS-Cart Expert
  • Authorized Reseller
  • Join Date: 27-Jan 14
  • 21914 posts

Posted 28 March 2014 - 01:27 PM #8

@miadriva,

Для ".owl-next" и ".owl-prev" кроме z-index укажите "position: relative";
GET A FREE QUOTE | CS-Cart Add-ons | CS-Cart Licenses | CS-Cart Development | CS-Cart Design | Server Configuration | UniTheme and YOUPI
CS-Cart                USD 345     Multi-Vendor              USD 1250    Multi-Vendor PLUS           USD 3100 (2775)
CS-Cart Ultimate  USD 775     CS-Cart + YOUPI      USD 545      Multi-Vendor Ultimate       USD 7500 (6000)

 
  • demion83
  • Member
  • Members
  • Join Date: 16-Oct 12
  • 31 posts

Posted 28 March 2014 - 02:08 PM #9

Что-то не открылся скриншот в предыдущем сообщении
buttons2.png

в design/themes/basic/templates/common/scroller_init.tpl в строке 43 замени prev next на < >.
И пропиши стиль


.owl-buttons{
  • position: relative;

}

.owl-prev {
  • position: absolute;
  • left: -10px;
  • top: -60px;

}


.owl-next {
  • position: absolute;
  • right: -10px;
  • top: -60px;
}


 
  • miadiva
  • Senior Member
  • Members
  • Join Date: 17-Sep 13
  • 362 posts

Posted 28 March 2014 - 02:18 PM #10

eComLabs, спасибо Вам огромнейшее! Получилось.
demion83, Вам тоже спасибо, Попробую и Ваш вариант.
:grin: :grin: :grin: :grin: :grin: :grin:

 
  • foka
  • Member
  • Trial users
  • Join Date: 01-Nov 14
  • 19 posts

Posted 28 November 2014 - 06:18 PM #11

в design/themes/basic/templates/common/scroller_init.tpl в строке 43 замени prev next на < >.
И пропиши стиль


.owl-buttons{

  • position: relative;

}

.owl-prev {
  • position: absolute;
  • left: -10px;
  • top: -60px;

}


.owl-next {
  • position: absolute;
  • right: -10px;
  • top: -60px;
}

Абсолютное позиционирование к экрану? а если пользователь с 1920? = ловите навигацию где то у краев экрана?

 
  • demion83
  • Member
  • Members
  • Join Date: 16-Oct 12
  • 31 posts

Posted 05 December 2014 - 09:18 AM #12

Абсолютное позиционирование к экрану? а если пользователь с 1920? = ловите навигацию где то у краев экрана?

Если Вы знаете css, что я сомневаюсь, абсолютное позиционирование относительно блока .owl-buttons, а не от экрана.