Optimize your online store with PrestaShop's Official Marketplace!

I confirm my contact details to continue

Yummy, your shop will love it! Your product was added successfully to your cart

Fullscreen Slit Slider

Fullscreen Slit Slider Module

Developed by Community developer
  • PrestaShop
    1.6.1 - 1.6.1.17
module - Sliders & Galleries - Fullscreen Slit Slider - 1
module - Sliders & Galleries - Fullscreen Slit Slider - 2
module - Sliders & Galleries - Fullscreen Slit Slider - 3
module - Sliders & Galleries - Fullscreen Slit Slider - 4
module - Sliders & Galleries - Fullscreen Slit Slider - 5
module - Sliders & Galleries - Fullscreen Slit Slider - 6
module - Sliders & Galleries - Fullscreen Slit Slider - 7
module - Sliders & Galleries - Fullscreen Slit Slider - 8

Overview

The slideshow with a twist - when navigating the slides, the current one will be cut open into two slices and moved away.  It can be used in full width, fixed height or fullscreen mode.
 

What this product does for you

Conversion rate Help manage your promotions

Change the look of your shop to be more  eyes catching.

Show your best products or something else with powerful&attractive slider and give your webshop a better look.

By defining the rotation angle, horizontal or vertical and scale of each slide, it gives us the possibility to create really unique effects of each slide transition.

Features

  • use it as full screen mode or full width, fixed height mode - both of them are responsive,
  • define your own rotation angle, type (horizontal or vertical) and scale for each slide,
  • define your own image, link, title and description for each slide,
  • define your custom CSS style,
  • enable/disable:
    - full screen mode, (full screen demo: http://www.asymetria1.ayz.pl/ps1614-10)
    - navigation (next/prev arrows navigation),
    - pagination (dots pagination),
    - autoplay (slideshow),
    - keyboard (keyboard navigation),
    - Lato font (use google Lato font),
    - optopacity.
  • define your own:
    - transitions speed,
    - slider height,
    - translate factor - amount (%) to translate both slices - adjust as necessary,
    - maximum possible scale,
    - maximum possible angle,
    - time between transitions,
    - title and description text color.
  • unlimited number of sliders
  • multilingual and multi store,

Other

Hooks availables: displayTop, displayHome or pleace custom hook anywhere you wish.
 

Support and updates

You automatically get 3 months of support for this product.

For 90 days after your purchase, you can enjoy technical and feature support, as well as access to updates available for this product.

Installation

1/ Login to your PrestaShop Admin
2/ Click on Module Tab
3/ Click on Add a module from my computer | Add a module from PrestaShop Addons
4/ Upload the module
5/ Install and Configure as required.

Or:

1/ Unzip slitslider.zip.
1/ Upload 'slitslider' folder to your prestashop modules directory
2/ In your shop back office install the module:
- go to Modules Tab, then under Front Office Features section find Evolution Slider
3/ Next click "install" button
4/ And then "Configure" link.

To use full screen mode follow the steps:

1/ In any text or html editor open header.tpl file from your theme folder. Directly beneath the opening tag insert: {hook h='displaySlitslider'}
2/Upload header.tpl file on your ftp.
3/In slider settigns enable Full screen option and save settings.
4/ See top right options and choose „Manage hooks”.
5/ Again see top right options and choose „Transplant a module”.
6/ From 'Transplant to dropdown' choose 'displaySlitslider' and save.
7/ From 'displayTop' section click arrow near Edit icon and choose „Unhook”.
8/Go back to module Settings.
9/ If you use default Prestashop theme: In slidder settings add to 'Your custom css' field:
header {background: none;}#search_block_top{padding-top:30px;}#header .shopping_cart{padding-top:30px;}header .nav,.shopping_cart > a:first-child,#header .cart_block {background-color: rgba(0, 0, 0, 0.3);}#header .cart_block{top:76px}.sf-menu{border:0;background-color: rgba(255, 255, 255, 0.7);}.sf-menu > li > a{padding:14px 20px;color:#000;border:0;}.sf-menu > li {margin-bottom:0;}.sf-menu > li > ul {padding: 20px 30px; background-color: rgba(255, 255, 255, 0.8);top: 50px;}
8/ Go to Advanced Parameters → Performance and use „Clear cache” option.

Settings help & small (reasonable)  customization for your theme included.

Frequently purchased together

Fullscreen Slit Slider
PrestaShop 1.7 User Guide (Italian version)
Categories Dashboard
$70.97 Add all three to cart

Items from the same developer - Show more details

What's New in Version 1.0.0(03/20/2016)

  • - brand new module

About the developer

Community developer

Question?
Need help?

This developer answers your questions in:
en

$34.99

Benefits:

  • 3 months of free support (Learn more)
  • Documentation included
  • Compatibility v1.6.1 - v1.6.1.17

  • Version 1.0.0 (03/20/2016)

  • Available in en es fr pl

Questions? Contact the developer
This developer answers your questions in:

en