{"id":10108,"date":"2026-06-27T09:16:40","date_gmt":"2026-06-27T09:16:40","guid":{"rendered":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/?page_id=10108"},"modified":"2026-07-10T16:05:02","modified_gmt":"2026-07-10T16:05:02","slug":"documentation-free-version","status":"publish","type":"page","link":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/documentation-free-version\/","title":{"rendered":"Documentation (Free version)"},"content":{"rendered":"<p>From the plugin settings, you can create, configure and delete saved WooCommerce product sliders.<\/p>\n<p>The settings are divided into sections:<\/p>\n<ul>\n<li>Saved sliders<\/li>\n<li>General<\/li>\n<li>Appearance<\/li>\n<li>Products<\/li>\n<li>Content<\/li>\n<li>Carousel<\/li>\n<li>Shortcode<\/li>\n<\/ul>\n<h2>Saved sliders<\/h2>\n<h3>Slider list<\/h3>\n<p><b>What it does <\/b><br \/>\nDisplays the list of saved product sliders created with the plugin.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse this screen to copy an existing shortcode, edit a saved slider, or create a new product slider.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe frontend output depends on the saved configuration of each slider.<\/p>\n<p><b>Important notes <\/b><br \/>\nEach saved slider has its own shortcode and can be inserted in multiple pages, posts, widgets, Gutenberg blocks or Elementor layouts.<\/p>\n<h3>New slider<\/h3>\n<p><b>What it does <\/b><br \/>\nCreates a new product slider configuration.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it when you want to build a new WooCommerce product slider with a different layout, product query or carousel configuration.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nAfter saving, the plugin generates a shortcode that can be copied and pasted into the website.<\/p>\n<p><b>Important notes <\/b><br \/>\nIf the Pro license is not active, the slider generator controls may be locked.<\/p>\n<h2>General<\/h2>\n<h3>Slider title<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the internal name of the product slider.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to easily identify the slider in the admin area, for example Homepage featured products, Summer sale products, Best sellers, or New arrivals.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe title is not automatically displayed on the website.<\/p>\n<p><b>Important notes <\/b><br \/>\nIt is used only for internal management inside the Slider Generator tab.<\/p>\n<h3>Slider ID<\/h3>\n<p><b>What it does <\/b><br \/>\nIdentifies the saved slider and distinguishes it from other product sliders.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse a clear and stable ID, for example homepage_products, summer_sale, featured_slider, or new_arrivals.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe plugin uses this value to identify the slider configuration connected to the generated shortcode.<\/p>\n<p><b>Important notes <\/b><br \/>\nDo not change the Slider ID after publishing the slider unless you have a specific reason to reorganize the saved configuration.<\/p>\n<h3>Action buttons<\/h3>\n<p><b>What they do <\/b><br \/>\nAllow you to save, exit, duplicate or delete the current slider.<\/p>\n<p><b>Available actions: <\/b><\/p>\n<ul>\n<li>Save<\/li>\n<li>Save and exit<\/li>\n<li>Exit<\/li>\n<li>Duplicate<\/li>\n<li>Delete<\/li>\n<\/ul>\n<p><b>When to use them <\/b><br \/>\nUse Save to store changes and continue editing. Use Save and exit to return to the slider list after saving. Use Duplicate to create a copy of the current slider. Use Delete to remove it.<\/p>\n<p><b>Important notes <\/b><br \/>\nDeleting a slider also removes the saved configuration connected to its shortcode.<\/p>\n<h2>Appearance<\/h2>\n<h3>Template<\/h3>\n<p><b>What it does <\/b><br \/>\nSelects the visual layout of the product slider.<\/p>\n<p><b>Available options: <\/b><\/p>\n<ul>\n<li>Classic<\/li>\n<li>Card<\/li>\n<li>Minimal<\/li>\n<\/ul>\n<p><b>When to use it <\/b><br \/>\nUse it to adapt the product slider to the design of the page.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nChanges the frontend template used to display product images, titles, prices, buttons and other product information.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe template changes only the visual layout. It does not change which products are displayed.<\/p>\n<h3>Button background color<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the default background color of the add to cart button.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to match the button with the colors of your theme or landing page.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nChanges the normal background color of the add to cart button inside the product slider.<\/p>\n<p><b>Important notes <\/b><br \/>\nUse a color that keeps the button clearly visible.<\/p>\n<h3>Button background color on hover<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the background color used when visitors hover the add to cart button.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to create a visual feedback effect when the button is hovered.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe button background changes color on hover.<\/p>\n<h3>Button text color<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the default text color of the add to cart button.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to improve readability and contrast against the button background.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nChanges the text color of the add to cart button.<\/p>\n<h3>Button text color on hover<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the text color used when visitors hover the add to cart button.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it together with the hover background color to keep the button readable.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe button text changes color on hover.<\/p>\n<h3>Button border radius<\/h3>\n<p><b>What it does <\/b><br \/>\nControls the roundness of the add to cart button corners.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse a low value for sharper buttons or a higher value for softer, rounded buttons.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nChanges the border radius of the add to cart button.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe value is applied in pixels.<\/p>\n<h3>Arrow background color<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the default background color of the carousel navigation arrows.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to make the arrows visible on the slider background.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nChanges the normal background color of the previous and next arrows.<\/p>\n<h3>Arrow background color on hover<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the background color used when visitors hover the carousel arrows.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to create a clear hover state for the navigation controls.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe arrow background changes color on hover.<\/p>\n<h3>Arrow text color<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the default icon color of the carousel arrows.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to improve contrast between the arrow icon and the arrow background.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nChanges the normal color of the previous and next arrow icons.<\/p>\n<h3>Arrow text color on hover<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the icon color used when visitors hover the carousel arrows.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it together with the hover background color to keep the arrows readable.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe arrow icon color changes on hover.<\/p>\n<h2>Products<\/h2>\n<h3>Number of products<\/h3>\n<p><b>What it does <\/b><br \/>\nSets how many products the slider should query.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to limit the number of products displayed inside the carousel.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe slider displays only the configured number of matching products.<\/p>\n<p><b>Important notes <\/b><br \/>\nUse -1 to show all matching products. The accepted range is from -1 to 200.<\/p>\n<h3>Filter by product categories<\/h3>\n<p><b>What it does <\/b><br \/>\nDefines whether products from selected WooCommerce categories should be included or excluded.<\/p>\n<p><b>Available options: <\/b><\/p>\n<ul>\n<li>None<\/li>\n<li>Include products from specific categories<\/li>\n<li>Exclude products from specific categories<\/li>\n<\/ul>\n<p><b>When to use it <\/b><br \/>\nUse it to create sliders based on WooCommerce product categories.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe product query follows the selected category rule.<\/p>\n<h3>Categories to include<\/h3>\n<p><b>What it does <\/b><br \/>\nSelects the WooCommerce product categories that must be included in the slider.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it when Filter by product categories is set to Include products from specific categories.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nOnly products from the selected categories are displayed.<\/p>\n<h3>Categories to exclude<\/h3>\n<p><b>What it does <\/b><br \/>\nSelects the WooCommerce product categories that must be removed from the slider.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it when Filter by product categories is set to Exclude products from specific categories.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nProducts from the selected categories are not displayed.<\/p>\n<h3>Order by<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the field used to sort products.<\/p>\n<p><b>Available options: <\/b><\/p>\n<ul>\n<li>Date<\/li>\n<li>Title<\/li>\n<li>Price<\/li>\n<li>Sales<\/li>\n<li>Rating<\/li>\n<li>Menu order<\/li>\n<li>Random<\/li>\n<\/ul>\n<p><b>When to use it <\/b><br \/>\nUse it to control the order in which products appear inside the slider.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nProducts are displayed according to the selected ordering method.<\/p>\n<h3>Order<\/h3>\n<p><b>What it does <\/b><br \/>\nSets ascending or descending product order.<\/p>\n<p><b>Available options: <\/b><\/p>\n<ul>\n<li>Descending<\/li>\n<li>Ascending<\/li>\n<\/ul>\n<p><b>When to use it <\/b><br \/>\nUse it together with Order by to control the final product order.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nChanges the direction of the product sorting.<\/p>\n<h2>Content<\/h2>\n<h3>Visible elements<\/h3>\n<p><b>What it does <\/b><br \/>\nControls which product information is visible inside each slide.<\/p>\n<p><b>Available options: <\/b><\/p>\n<ul>\n<li>Image<\/li>\n<li>Title<\/li>\n<li>Price<\/li>\n<li>Rating<\/li>\n<li>Sale badge<\/li>\n<li>Add to cart<\/li>\n<li>Category<\/li>\n<\/ul>\n<p><b>When to use it <\/b><br \/>\nUse it to create a more detailed product card or a cleaner, minimal slider.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nEnabled elements are displayed inside each product slide. Disabled elements are hidden.<\/p>\n<p><b>Important notes <\/b><br \/>\nSome elements depend on WooCommerce product data. For example, the sale badge is shown only for discounted products.<\/p>\n<h2>Carousel<\/h2>\n<h3>Desktop columns<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the number of visible slides on desktop screens.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to control how many products are visible at the same time on large screens.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe carousel displays the selected number of product columns on desktop.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe accepted range is from 1 to 6.<\/p>\n<h3>Tablet columns<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the number of visible slides on tablet screens.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to optimize the slider layout for medium-width screens.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe carousel displays the selected number of product columns on tablet.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe accepted range is from 1 to 4.<\/p>\n<h3>Mobile columns<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the number of visible slides on mobile screens.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to keep the slider readable on small screens.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe carousel displays the selected number of product columns on mobile.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe accepted range is from 1 to 2.<\/p>\n<h3>Desktop slides to scroll<\/h3>\n<p><b>What it does <\/b><br \/>\nSets how many slides advance when navigating on desktop screens.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to decide whether the carousel should move one product at a time or multiple products at once.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe carousel advances by the selected number of products on desktop.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe accepted range is from 1 to 6.<\/p>\n<h3>Tablet slides to scroll<\/h3>\n<p><b>What it does <\/b><br \/>\nSets how many slides advance when navigating on tablet screens.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to adapt carousel navigation to tablet layouts.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe carousel advances by the selected number of products on tablet.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe accepted range is from 1 to 4.<\/p>\n<h3>Mobile slides to scroll<\/h3>\n<p><b>What it does <\/b><br \/>\nSets how many slides advance when navigating on mobile screens.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to keep navigation simple on smaller screens.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe carousel advances by the selected number of products on mobile.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe accepted range is from 1 to 2.<\/p>\n<h3>Space between slides<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the horizontal spacing between product slides.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to make the slider more compact or more spacious.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nIncreases or decreases the gap between products in the carousel.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe value is applied in pixels. The accepted range is from 0 to 80.<\/p>\n<h3>Autoplay speed<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the delay between automatic slide changes.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it when Autoplay is enabled and you want to control how frequently the slider moves.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe carousel waits for the selected amount of time before moving to the next slide automatically.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe value is applied in milliseconds. The accepted range is from 500 to 10000.<\/p>\n<h3>Transition speed<\/h3>\n<p><b>What it does <\/b><br \/>\nSets the duration of the slide transition animation.<\/p>\n<p><b>When to use it <\/b><br \/>\nUse it to make the carousel animation faster or slower.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nControls how long the slide movement animation takes.<\/p>\n<p><b>Important notes <\/b><br \/>\nThe value is applied in milliseconds. The accepted range is from 100 to 2000.<\/p>\n<h3>Carousel options<\/h3>\n<p><b>What they do <\/b><br \/>\nControl the behavior and navigation of the product carousel.<\/p>\n<p><b>Available options: <\/b><\/p>\n<ul>\n<li>Arrows<\/li>\n<li>Dots<\/li>\n<\/ul>\n<p><b>When to use them <\/b><br \/>\nUse these options to enable automatic movement, navigation controls, touch interaction and image loading optimization.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe carousel behavior changes according to the enabled options.<\/p>\n<p><b>Important notes <\/b><br \/>\nAutoplay speed has an effect only when Autoplay is enabled. Pause on hover is useful when Autoplay is active.<\/p>\n<h2>Shortcode<\/h2>\n<h3>Generated shortcode<\/h3>\n<p><b>What it does <\/b><br \/>\nShows the shortcode to copy and paste into the website.<\/p>\n<p><b>Example: <\/b><\/p>\n<pre><code>\t\t\t<div\n\t\t\t\tid=\"tpsp-1\"\n\t\t\t\tclass=\"tpsp tpsp-classic tpsp-loading tpsp-custom-text-color tpsp-custom-secondary-text-color\"\n\t\t\t\taria-busy=\"true\"\n\t\t\t\tstyle=\"--tpsp-content-color:#1f2937;--tpsp-secondary-color:#667085;--tpsp-button-bg:#1f2937;--tpsp-button-border:#1f2937;--tpsp-button-hover-bg:#0f766e;--tpsp-button-hover-border:#0f766e;--tpsp-button-color:#ffffff;--tpsp-button-hover-color:#ffffff;--tpsp-button-radius:4px;--tpsp-arrow-bg:#ffffff;--tpsp-arrow-border:#ffffff;--tpsp-arrow-hover-bg:#0f766e;--tpsp-arrow-hover-border:#0f766e;--tpsp-arrow-color:#1f2937;--tpsp-arrow-hover-color:#ffffff\"\t\t\t\tdata-columns=\"3\"\n\t\t\t\tdata-columns-tablet=\"2\"\n\t\t\t\tdata-columns-mobile=\"1\"\n\t\t\t\tdata-scroll=\"3\"\n\t\t\t\tdata-scroll-tablet=\"2\"\n\t\t\t\tdata-scroll-mobile=\"1\"\n\t\t\t\tdata-space=\"24\"\n\t\t\t\tdata-autoplay=\"0\"\n\t\t\t\tdata-autoplay-speed=\"3000\"\n\t\t\t\tdata-speed=\"300\"\n\t\t\t\tdata-loop=\"0\"\n\t\t\t\tdata-arrows=\"1\"\n\t\t\t\tdata-dots=\"1\"\n\t\t\t\tdata-pause-hover=\"1\"\n\t\t\t\tdata-auto-height=\"1\"\n\t\t\t\tdata-draggable=\"1\"\n\t\t\t>\n\t\t\t\t<div class=\"tpsp-loading-text\" aria-live=\"polite\" style=\"align-items:center;color:#667085;display:flex;font-size:14px;justify-content:center;min-height:180px;padding:24px;text-align:center;\">Loading...<\/div>\n\t\t\t\t<div class=\"swiper tpsp-swiper\" style=\"height:0;opacity:0;overflow:hidden;pointer-events:none;visibility:hidden;\">\n\t\t\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide tpsp-slide\">\n\t\t\t\t<article class=\"tpsp-product product product-26 type-product product-type-simple\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tpsp-media\">\n\t\t\t\t<a class=\"tpsp-image-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/t-shirt-with-logo\/\" aria-label=\"T-Shirt with Logo\">\n\t\t\t\t\t<img decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2019\/01\/t-shirt-with-logo-1-450x450.jpg\" class=\"tpsp-image\" alt=\"T-Shirt with Logo\" loading=\"lazy\" style=\"width:100%;height:100%;max-width:800px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"tpsp-content\">\n\t\t\t\t\t\t<div class=\"tpsp-category\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product-category\/tshirts\/\" rel=\"tag\">Tshirts<\/a><\/div><h3 class=\"tpsp-title\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/t-shirt-with-logo\/\">T-Shirt with Logo<\/a><\/h3><div class=\"tpsp-excerpt\">This is a simple product.<\/div><div class=\"tpsp-price price\"><span class=\"woocommerce-Price-amount amount\">18,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/div><a href=\"\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10108?add-to-cart=26\" class=\"tpsp-button product_type_simple add_to_cart_button ajax_add_to_cart\" data-quantity=\"1\" data-product_id=\"26\" data-product_sku=\"Woo-tshirt-logo\" data-tpsp-added-text=\"Aggiunto\" aria-label=\"Add to cart: &ldquo;T-Shirt with Logo&rdquo;\" rel=\"nofollow\">Add to cart<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide tpsp-slide\">\n\t\t\t\t<article class=\"tpsp-product product product-27 type-product product-type-simple sale\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tpsp-media\">\n\t\t\t\t<a class=\"tpsp-image-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/beanie-with-logo\/\" aria-label=\"Beanie with Logo\">\n\t\t\t\t\t<img decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2019\/01\/beanie-with-logo-1-450x450.jpg\" class=\"tpsp-image\" alt=\"Beanie with Logo\" loading=\"lazy\" style=\"width:100%;height:100%;max-width:800px\" \/>\t\t\t\t<\/a>\n\t\t\t\t<span class=\"tpsp-badge\">-10%<\/span>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"tpsp-content\">\n\t\t\t\t\t\t<div class=\"tpsp-category\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product-category\/accessories\/\" rel=\"tag\">Accessories<\/a><\/div><h3 class=\"tpsp-title\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/beanie-with-logo\/\">Beanie with Logo<\/a><\/h3><div class=\"tpsp-rating\"><div class=\"star-rating\" role=\"img\" aria-label=\"Rated 5.00 out of 5\"><span style=\"width:100%\">Rated <strong class=\"rating\">5.00<\/strong> out of 5 based on <span class=\"rating\">1<\/span> customer rating<\/span><\/div><\/div><div class=\"tpsp-excerpt\">This is a simple product.<\/div><div class=\"tpsp-price price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\">20,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/del> <span class=\"screen-reader-text\">Original price was: 20,00&euro;.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\">18,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/ins><span class=\"screen-reader-text\">Current price is: 18,00&euro;.<\/span><\/div><a href=\"\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10108?add-to-cart=27\" class=\"tpsp-button product_type_simple add_to_cart_button ajax_add_to_cart\" data-quantity=\"1\" data-product_id=\"27\" data-product_sku=\"Woo-beanie-logo\" data-tpsp-added-text=\"Aggiunto\" aria-label=\"Add to cart: &ldquo;Beanie with Logo&rdquo;\" rel=\"nofollow\">Add to cart<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide tpsp-slide\">\n\t\t\t\t<article class=\"tpsp-product product product-28 type-product product-type-grouped sale\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tpsp-media\">\n\t\t\t\t<a class=\"tpsp-image-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/logo-collection\/\" aria-label=\"Logo Collection\">\n\t\t\t\t\t<img decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2019\/01\/logo-1-450x450.jpg\" class=\"tpsp-image\" alt=\"Logo Collection\" loading=\"lazy\" style=\"width:100%;height:99.88%;max-width:800px\" \/>\t\t\t\t<\/a>\n\t\t\t\t<span class=\"tpsp-badge\">Sale<\/span>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"tpsp-content\">\n\t\t\t\t\t\t<div class=\"tpsp-category\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product-category\/clothing\/\" rel=\"tag\">Clothing<\/a><\/div><h3 class=\"tpsp-title\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/logo-collection\/\">Logo Collection<\/a><\/h3><div class=\"tpsp-excerpt\">This is a grouped product.<\/div><div class=\"tpsp-price price\"><span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\">18,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span> <span aria-hidden=\"true\">&ndash;<\/span> <span class=\"woocommerce-Price-amount amount\" aria-hidden=\"true\">45,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><span class=\"screen-reader-text\">Price range: 18,00&euro; through 45,00&euro;<\/span><\/div><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/logo-collection\/\" class=\"tpsp-button product_type_grouped\" data-quantity=\"1\" data-product_id=\"28\" data-product_sku=\"logo-collection\" data-tpsp-added-text=\"Aggiunto\" aria-label=\"View products in the &ldquo;Logo Collection&rdquo; group\" rel=\"nofollow\">View products<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide tpsp-slide\">\n\t\t\t\t<article class=\"tpsp-product product product-29 type-product product-type-external\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tpsp-media\">\n\t\t\t\t<a class=\"tpsp-image-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/wordpress-pennant\/\" aria-label=\"WordPress Pennant\">\n\t\t\t\t\t<img decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2019\/01\/pennant-1-450x450.jpg\" class=\"tpsp-image\" alt=\"WordPress Pennant\" loading=\"lazy\" style=\"width:100%;height:100%;max-width:800px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"tpsp-content\">\n\t\t\t\t\t\t<div class=\"tpsp-category\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product-category\/decor\/\" rel=\"tag\">Decor<\/a><\/div><h3 class=\"tpsp-title\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/wordpress-pennant\/\">WordPress Pennant<\/a><\/h3><div class=\"tpsp-excerpt\">This is an external product.<\/div><div class=\"tpsp-price price\"><span class=\"woocommerce-Price-amount amount\">11,05<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/div><a href=\"https:\/\/mercantile.wordpress.org\/product\/wordpress-pennant\/\" class=\"tpsp-button product_type_external\" data-quantity=\"1\" data-product_id=\"29\" data-product_sku=\"wp-pennant\" data-tpsp-added-text=\"Aggiunto\" aria-label=\"Buy on the WordPress swag store!\" rel=\"nofollow\">Buy on the WordPress swag store!<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide tpsp-slide\">\n\t\t\t\t<article class=\"tpsp-product product product-18 type-product product-type-simple\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tpsp-media\">\n\t\t\t\t<a class=\"tpsp-image-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/album\/\" aria-label=\"Album\">\n\t\t\t\t\t<img decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2019\/01\/album-1-450x450.jpg\" class=\"tpsp-image\" alt=\"Album\" loading=\"lazy\" style=\"width:100%;height:100%;max-width:800px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"tpsp-content\">\n\t\t\t\t\t\t<div class=\"tpsp-category\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product-category\/music\/\" rel=\"tag\">Music<\/a><\/div><h3 class=\"tpsp-title\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/album\/\">Album<\/a><\/h3><div class=\"tpsp-excerpt\">This is a simple, virtual product.<\/div><div class=\"tpsp-price price\"><span class=\"woocommerce-Price-amount amount\">15,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/div><a href=\"\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10108?add-to-cart=18\" class=\"tpsp-button product_type_simple add_to_cart_button ajax_add_to_cart\" data-quantity=\"1\" data-product_id=\"18\" data-product_sku=\"woo-album\" data-tpsp-added-text=\"Aggiunto\" aria-label=\"Add to cart: &ldquo;Album&rdquo;\" rel=\"nofollow\">Add to cart<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide tpsp-slide\">\n\t\t\t\t<article class=\"tpsp-product product product-19 type-product product-type-simple sale\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tpsp-media\">\n\t\t\t\t<a class=\"tpsp-image-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/single\/\" aria-label=\"Single\">\n\t\t\t\t\t<img decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2019\/01\/single-1-450x450.jpg\" class=\"tpsp-image\" alt=\"Single\" loading=\"lazy\" style=\"width:100%;height:100%;max-width:800px\" \/>\t\t\t\t<\/a>\n\t\t\t\t<span class=\"tpsp-badge\">-33%<\/span>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"tpsp-content\">\n\t\t\t\t\t\t<div class=\"tpsp-category\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product-category\/music\/\" rel=\"tag\">Music<\/a><\/div><h3 class=\"tpsp-title\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/single\/\">Single<\/a><\/h3><div class=\"tpsp-excerpt\">This is a simple, virtual product.<\/div><div class=\"tpsp-price price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\">3,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/del> <span class=\"screen-reader-text\">Original price was: 3,00&euro;.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\">2,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/ins><span class=\"screen-reader-text\">Current price is: 2,00&euro;.<\/span><\/div><a href=\"\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10108?add-to-cart=19\" class=\"tpsp-button product_type_simple add_to_cart_button ajax_add_to_cart\" data-quantity=\"1\" data-product_id=\"19\" data-product_sku=\"woo-single\" data-tpsp-added-text=\"Aggiunto\" aria-label=\"Add to cart: &ldquo;Single&rdquo;\" rel=\"nofollow\">Add to cart<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide tpsp-slide\">\n\t\t\t\t<article class=\"tpsp-product product product-12 type-product product-type-simple sale\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tpsp-media\">\n\t\t\t\t<a class=\"tpsp-image-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/cap\/\" aria-label=\"Cap\">\n\t\t\t\t\t<img decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2019\/01\/cap-2-450x450.jpg\" class=\"tpsp-image\" alt=\"Cap\" loading=\"lazy\" style=\"width:100%;height:100%;max-width:801px\" \/>\t\t\t\t<\/a>\n\t\t\t\t<span class=\"tpsp-badge\">-11%<\/span>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"tpsp-content\">\n\t\t\t\t\t\t<div class=\"tpsp-category\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product-category\/accessories\/\" rel=\"tag\">Accessories<\/a><\/div><h3 class=\"tpsp-title\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/cap\/\">Cap<\/a><\/h3><div class=\"tpsp-excerpt\">This is a simple product.<\/div><div class=\"tpsp-price price\"><del aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\">18,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/del> <span class=\"screen-reader-text\">Original price was: 18,00&euro;.<\/span><ins aria-hidden=\"true\"><span class=\"woocommerce-Price-amount amount\">16,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/ins><span class=\"screen-reader-text\">Current price is: 16,00&euro;.<\/span><\/div><a href=\"\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10108?add-to-cart=12\" class=\"tpsp-button product_type_simple add_to_cart_button ajax_add_to_cart\" data-quantity=\"1\" data-product_id=\"12\" data-product_sku=\"woo-cap\" data-tpsp-added-text=\"Aggiunto\" aria-label=\"Add to cart: &ldquo;Cap&rdquo;\" rel=\"nofollow\">Add to cart<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"swiper-slide tpsp-slide\">\n\t\t\t\t<article class=\"tpsp-product product product-13 type-product product-type-simple\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"tpsp-media\">\n\t\t\t\t<a class=\"tpsp-image-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/sunglasses\/\" aria-label=\"Sunglasses\">\n\t\t\t\t\t<img decoding=\"async\" width=\"450\" height=\"450\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2019\/01\/sunglasses-2-450x450.jpg\" class=\"tpsp-image\" alt=\"Sunglasses\" loading=\"lazy\" style=\"width:100%;height:100%;max-width:801px\" \/>\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t<div class=\"tpsp-content\">\n\t\t\t\t\t\t<div class=\"tpsp-category\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product-category\/accessories\/\" rel=\"tag\">Accessories<\/a><\/div><h3 class=\"tpsp-title\"><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/product\/sunglasses\/\">Sunglasses<\/a><\/h3><div class=\"tpsp-excerpt\">This is a simple product.<\/div><div class=\"tpsp-price price\"><span class=\"woocommerce-Price-amount amount\">90,00<span class=\"woocommerce-Price-currencySymbol\">&euro;<\/span><\/span><\/div><a href=\"\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10108?add-to-cart=13\" class=\"tpsp-button product_type_simple add_to_cart_button ajax_add_to_cart\" data-quantity=\"1\" data-product_id=\"13\" data-product_sku=\"woo-sunglasses\" data-tpsp-added-text=\"Aggiunto\" aria-label=\"Add to cart: &ldquo;Sunglasses&rdquo;\" rel=\"nofollow\">Add to cart<\/a>\t\t\t\t\t<\/div>\n\t\t\t\t<\/article>\n\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"tpsp-pagination swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<button class=\"tpsp-arrow tpsp-arrow-prev swiper-button-prev\" type=\"button\" aria-label=\"Previous products\"><\/button>\n\t\t\t\t\t\t<button class=\"tpsp-arrow tpsp-arrow-next swiper-button-next\" type=\"button\" aria-label=\"Next products\"><\/button>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t<\/code><\/pre>\n<p><b>When to use it <\/b><br \/>\nUse it after configuring and saving the product slider.<\/p>\n<p><b>Effect on the frontend <\/b><br \/>\nThe plugin displays the saved product slider connected to the selected shortcode ID.<\/p>\n<p><b>Important notes <\/b><br \/>\nYou can insert the same shortcode on multiple pages. You can also add shortcode parameters manually if you want to override the saved values for a specific placement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>From the plugin settings, you can create, configure and delete saved WooCommerce product sliders. The settings are divided into sections: Saved sliders General Appearance Products Content Carousel Shortcode Saved sliders Slider list What it does Displays the list of saved product sliders created with the plugin. When to use it Use this screen to copy&hellip; <a class=\"more-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/documentation-free-version\/\">Continue reading <span class=\"screen-reader-text\">Documentation (Free version)<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10108","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10108","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/comments?post=10108"}],"version-history":[{"count":8,"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10108\/revisions"}],"predecessor-version":[{"id":10219,"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10108\/revisions\/10219"}],"wp:attachment":[{"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/media?parent=10108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}