Prestashop Slideshow Module full#

Delete Slider: Delete the current slider (this action is permanent!).

Save Settings: Save the slider's currently selected settings.

Layout Example: A visualization representing the slider's layout options.

Grid Height: The slider's initial height (required value).

Grid Width: The Slider's initial width (required value).

View this FAQ to learn more about 'Ideal Image Size', and how it corresponds to the slider's 'Grid Width' and Grid Height'. If the Slider Layout is 'responsive' ('Custom', 'Auto Responsive' or 'Full Screen'), the slider will 'respond' based on these initial values. If the 'Slider Layout' (#5 above) is 'Fixed', these numbers will represent the size of your slider.

Grid Settings: Represents the slider's initial size.

Prestashop Slideshow Module full#

Force Full Width: (only available when 'Auto Responsive' is selected) Use this option to force the slider to be full-width on your web page.Unlimited Height: (only available when 'Auto Responsive' is selected) Click here for an in-depth explanation about how this option works.When this option is chosen, you'll see some additional options that will help you position the slider on the page in relation to other page content: For example, if the screen size is 1024x768, the slider's display size will also be 1024x768, and will adjust dynamically depending on the user's screen size. Full Screen: The slider's size will equal the window's entire width and entire height.There are 6 'responsive points' you can choose: But the Custom option is useful if you need more advanced control over how the slider's responsive behavior. Custom: If you need a 'responsive' slider, it's usually best to use the 'Auto Responsive' option.Fixed: A non-responsive slider (slider's size will never change, use this option if your website is not responsive.The slider will always 'respond' based on the slider's immediate parent container (the HTML container of your theme where the slider is placed). Auto Responsive: Usually the best option for most websites.Click here to learn how you can get a page/post ID. Specific Posts: Choose specific posts/pages you wish to include as your slider's main content source.Posts: If you want your slider's content to be based on a set of posts or pages, choose this option.If you plan to build a slider manually through the slider's admin, choose this option. Source Type: Choose between a regular slider or a post-based slider.Copy and paste this into one of your pages/posts WYSIWYG editor for the easiest way to add a slider to one of your pages. Slider Shortcode: This value will populate automatically based on the Slider Alias you've chosen.Use lower-case letters, and avoid spaces and special characters (dashes and underscores ok). Slider Alias: Will represent the slider's shortcode alias.Can be anything, and is only used for admins to keep track of their sliders.

Slider Title: The name of your slider.Here you'll find two columns on the left and right side, each containing several sections for your slider's main settings: You'll then be taken back to the page where you first named your slider. From your slider's list in the plugin's main admin page, click the 'Settings' button shown here: Once you've created your first slider, the next step is to choose your slider's main settings.

To do that, visit the slider's main settings page, and inside the 'Import/Export' section, use the tool shown in the following screenshot: Special Note: If you've imported an exported slider you previously created from one domain to another, chances are the slider's image urls will need to be updated. It will be located inside the unzipped file you downloaded from CodeCanyon:ДЄfter importing the example, you'll then see the slider listed at the top of the page: Next, navigate to the folder named example-zips. To get started, from the plugin's main admin page, click the Import Slider option:

sliderpreview_fullscreen.zip - view demo.

You can found all demo slider in our live site Click the listed links to see the online demos they correspond to (actual imported content may vary). To do that, we can import one of the demo examples available. Sometimes the easiest way to learn is to start with an example that's already built and then modify it.