Как Изменить Эффект Смены Картинок Слайдера На Главной Странице?

[dizlab]

Доброго времени суток!

Может кто то подскажет как изменить эффект смены картинок слайдера на главной странице?

Стандартный эффект скольжения в бок уж очень приелся, хотелось бы что то другое.

[polosat]

Если вы про стандартный слайдер, то там всего три типа смены картинок: 'horizontal', 'vertical', 'fade'.

Для дефолтной темы нужно править этот файл: /themes/default-bootstrap/js/modules/homeslider/js/homeslider.js

Там в параметрах слайдера надо добавить:

mode: 'fade'

[dizlab]

А куда его прописать и как? Вот всё что там есть:

/*
* 2007-2015 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2015 PrestaShop SA
*  @version  Release: $Revision$
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*/

$(document).ready(function(){

	if (typeof(homeslider_speed) == 'undefined')
		homeslider_speed = 500;
	if (typeof(homeslider_pause) == 'undefined')
		homeslider_pause = 3000;
	if (typeof(homeslider_loop) == 'undefined')
		homeslider_loop = true;
	if (typeof(homeslider_width) == 'undefined')
		homeslider_width = 779;


	$('.homeslider-description').click(function () {
		window.location.href = $(this).prev('a').prop('href');
	});

	if ($('#htmlcontent_top').length > 0)
		$('#homepage-slider').addClass('col-xs-8');
	else
		$('#homepage-slider').addClass('col-xs-12');

	if (!!$.prototype.bxSlider)
		$('#homeslider').bxSlider({
			useCSS: false,
			maxSlides: 1,
			slideWidth: homeslider_width,
			infiniteLoop: homeslider_loop,
			hideControlOnEnd: true,
			pager: false,
			autoHover: true,
			auto: homeslider_loop,
			speed: parseInt(homeslider_speed),
			pause: homeslider_pause,
			controls: true
		});
});

[polosat]

Ну вот в конце идет вызов слайдера с параметрами, туда и надо дописать:

$('#homeslider').bxSlider({...

То есть в итоге файл будет выглядеть так:

/*
* 2007-2015 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
* @author PrestaShop SA <[email protected]>
* @copyright 2007-2015 PrestaShop SA
* @version Release: $Revision$
* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
* International Registered Trademark & Property of PrestaShop SA
*/

$(document).ready(function(){

    if (typeof(homeslider_speed) == 'undefined')
        homeslider_speed = 500;
    if (typeof(homeslider_pause) == 'undefined')
        homeslider_pause = 3000;
    if (typeof(homeslider_loop) == 'undefined')
        homeslider_loop = true;
    if (typeof(homeslider_width) == 'undefined')
        homeslider_width = 779;


    $('.homeslider-description').click(function () {
        window.location.href = $(this).prev('a').prop('href');
    });

    if ($('#htmlcontent_top').length > 0)
        $('#homepage-slider').addClass('col-xs-8');
    else
        $('#homepage-slider').addClass('col-xs-12');

    if (!!$.prototype.bxSlider)
        $('#homeslider').bxSlider({
            mode: 'fade',
            useCSS: false,
            maxSlides: 1,
            slideWidth: homeslider_width,
            infiniteLoop: homeslider_loop,
            hideControlOnEnd: true,
            pager: false,
            autoHover: true,
            auto: homeslider_loop,
            speed: parseInt(homeslider_speed),
            pause: homeslider_pause,
            controls: true
        });
});

[dizlab]

Спасибо за помощь! Всё норм работает.