Saved sliders<\/h2>\n
What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What they do <\/b> Available actions: <\/b><\/p>\n When to use them <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> Available options: <\/b><\/p>\n When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> Available options: <\/b><\/p>\n When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> Available options: <\/b><\/p>\n When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> Available options: <\/b><\/p>\n When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> Available options: <\/b><\/p>\n When to use it <\/b> Effect on the frontend <\/b> What they do <\/b> Available options: <\/b><\/p>\n When to use them <\/b> Effect on the frontend <\/b> What it does <\/b> Available options: <\/b><\/p>\n When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> Available options: <\/b><\/p>\n When to use it <\/b> Effect on the frontend <\/b> What it does <\/b> Available options: <\/b><\/p>\n When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> What they do <\/b> Available options: <\/b><\/p>\n When to use them <\/b> Effect on the frontend <\/b> Important notes <\/b> What it does <\/b> Example: <\/b><\/p>\n When to use it <\/b> Effect on the frontend <\/b> Important notes <\/b> From the plugin settings, you can create, configure, duplicate and delete saved WooCommerce product sliders. The settings are divided into sections: Saved sliders Action buttons 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… Continue reading Settings<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10007,"menu_order":3,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1003","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/1003","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=1003"}],"version-history":[{"count":31,"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/1003\/revisions"}],"predecessor-version":[{"id":10275,"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/1003\/revisions\/10275"}],"up":[{"embeddable":true,"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10007"}],"wp:attachment":[{"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/media?parent=1003"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}![\"\"](\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2026\/07\/saved-sliders.jpg\")
<\/a><\/p>\nSlider list<\/h3>\n
\nDisplays the list of saved product sliders created with the plugin.<\/p>\n
\nUse this screen to copy an existing shortcode, edit a saved slider, or create a new product slider.<\/p>\n
\nThe frontend output depends on the saved configuration of each slider.<\/p>\n
\nEach saved slider has its own shortcode and can be inserted in multiple pages, posts, widgets, Gutenberg blocks or Elementor layouts.<\/p>\nNew slider<\/h3>\n
\nCreates a new product slider configuration.<\/p>\n
\nUse it when you want to build a new WooCommerce product slider with a different layout, product query or carousel configuration.<\/p>\n
\nAfter saving, the plugin generates a shortcode that can be copied and pasted into the website.<\/p>\n
\nIf the Pro license is not active, the slider generator controls may be locked.<\/p>\nAction buttons<\/h2>\n
<\/a><\/p>\n
\nAllow you to save, exit, duplicate or delete the current slider.<\/p>\n\n
\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
\nDeleting a slider also removes the saved configuration connected to its shortcode.<\/p>\nGeneral<\/h2>\n
<\/a><\/p>\nSlider title<\/h3>\n
\nSets the internal name of the product slider.<\/p>\n
\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
\nThe title is not automatically displayed on the website.<\/p>\n
\nIt is used only for internal management inside the Slider Generator tab.<\/p>\nSlider ID<\/h3>\n
\nIdentifies the saved slider and distinguishes it from other product sliders.<\/p>\n
\nUse a clear and stable ID, for example homepage_products, summer_sale, featured_slider, or new_arrivals.<\/p>\n
\nThe plugin uses this value to identify the slider configuration connected to the generated shortcode.<\/p>\n
\nDo not change the Slider ID after publishing the slider unless you have a specific reason to reorganize the saved configuration.<\/p>\nAppearance<\/h2>\n
<\/a><\/p>\nTemplate<\/h3>\n
\nSelects the visual layout of the product slider.<\/p>\n\n
\nUse it to adapt the product slider to the design of the page.<\/p>\n
\nChanges the frontend template used to display product images, titles, prices, buttons and other product information.<\/p>\n
\nThe template changes only the visual layout. It does not change which products are displayed.<\/p>\nButton background color<\/h3>\n
\nSets the default background color of the add to cart button.<\/p>\n
\nUse it to match the button with the colors of your theme or landing page.<\/p>\n
\nChanges the normal background color of the add to cart button inside the product slider.<\/p>\n
\nUse a color that keeps the button clearly visible.<\/p>\nButton background color on hover<\/h3>\n
\nSets the background color used when visitors hover the add to cart button.<\/p>\n
\nUse it to create a visual feedback effect when the button is hovered.<\/p>\n
\nThe button background changes color on hover.<\/p>\nButton text color<\/h3>\n
\nSets the default text color of the add to cart button.<\/p>\n
\nUse it to improve readability and contrast against the button background.<\/p>\n
\nChanges the text color of the add to cart button.<\/p>\nButton text color on hover<\/h3>\n
\nSets the text color used when visitors hover the add to cart button.<\/p>\n
\nUse it together with the hover background color to keep the button readable.<\/p>\n
\nThe button text changes color on hover.<\/p>\nButton border radius<\/h3>\n
\nControls the roundness of the add to cart button corners.<\/p>\n
\nUse a low value for sharper buttons or a higher value for softer, rounded buttons.<\/p>\n
\nChanges the border radius of the add to cart button.<\/p>\n
\nThe value is applied in pixels.<\/p>\nArrow background color<\/h3>\n
\nSets the default background color of the carousel navigation arrows.<\/p>\n
\nUse it to make the arrows visible on the slider background.<\/p>\n
\nChanges the normal background color of the previous and next arrows.<\/p>\nArrow background color on hover<\/h3>\n
\nSets the background color used when visitors hover the carousel arrows.<\/p>\n
\nUse it to create a clear hover state for the navigation controls.<\/p>\n
\nThe arrow background changes color on hover.<\/p>\nArrow text color<\/h3>\n
\nSets the default icon color of the carousel arrows.<\/p>\n
\nUse it to improve contrast between the arrow icon and the arrow background.<\/p>\n
\nChanges the normal color of the previous and next arrow icons.<\/p>\nArrow text color on hover<\/h3>\n
\nSets the icon color used when visitors hover the carousel arrows.<\/p>\n
\nUse it together with the hover background color to keep the arrows readable.<\/p>\n
\nThe arrow icon color changes on hover.<\/p>\nProducts<\/h2>\n
<\/a><\/p>\nNumber of products<\/h3>\n
\nSets how many products the slider should query.<\/p>\n
\nUse it to limit the number of products displayed inside the carousel.<\/p>\n
\nThe slider displays only the configured number of matching products.<\/p>\n
\nUse -1 to show all matching products. The accepted range is from -1 to 200.<\/p>\nFilter products<\/h3>\n
\nDefines whether manually selected products should be included or excluded.<\/p>\n\n
\nUse Include specific products to create a slider with selected products only. Use Exclude specific products to remove selected products from a broader product query.<\/p>\n
\nThe product query is restricted according to the selected product filter mode.<\/p>\nProducts to include<\/h3>\n
\nSelects the products that must be included in the slider.<\/p>\n
\nUse it when Filter products is set to Include specific products.<\/p>\n
\nOnly the selected products are displayed.<\/p>\n
\nThis field works only when the related include mode is selected.<\/p>\nProducts to exclude<\/h3>\n
\nSelects the products that must be removed from the slider.<\/p>\n
\nUse it when Filter products is set to Exclude specific products.<\/p>\n
\nThe selected products are not displayed in the slider.<\/p>\nFilter by product categories<\/h3>\n
\nDefines whether products from selected WooCommerce categories should be included or excluded.<\/p>\n\n
\nUse it to create sliders based on WooCommerce product categories.<\/p>\n
\nThe product query follows the selected category rule.<\/p>\nCategories to include<\/h3>\n
\nSelects the WooCommerce product categories that must be included in the slider.<\/p>\n
\nUse it when Filter by product categories is set to Include products from specific categories.<\/p>\n
\nOnly products from the selected categories are displayed.<\/p>\nCategories to exclude<\/h3>\n
\nSelects the WooCommerce product categories that must be removed from the slider.<\/p>\n
\nUse it when Filter by product categories is set to Exclude products from specific categories.<\/p>\n
\nProducts from the selected categories are not displayed.<\/p>\nFilter by product tags<\/h3>\n
\nDefines whether products with selected WooCommerce tags should be included or excluded.<\/p>\n\n
\nUse it to create sliders based on WooCommerce product tags.<\/p>\n
\nThe product query follows the selected tag rule.<\/p>\nTags to include<\/h3>\n
\nSelects the WooCommerce product tags that must be included in the slider.<\/p>\n
\nUse it when Filter by product tags is set to Include products from specific tags.<\/p>\n
\nOnly products with the selected tags are displayed.<\/p>\nTags to exclude<\/h3>\n
\nSelects the WooCommerce product tags that must be removed from the slider.<\/p>\n
\nUse it when Filter by product tags is set to Exclude products from specific tags.<\/p>\n
\nProducts with the selected tags are not displayed.<\/p>\nFilter sale products<\/h3>\n
\nDefines whether WooCommerce sale products should be included or excluded.<\/p>\n\n
\nUse Include sale products to display only discounted products. Use Exclude sale products to hide products currently on sale.<\/p>\n
\nThe slider includes or excludes products based on their sale status.<\/p>\nProduct filters<\/h3>\n
\nApply additional product query filters.<\/p>\n\n
\nUse Featured products to show WooCommerce featured products only. Use Free products to show products with a zero price. Use Only in stock products to avoid displaying unavailable products.<\/p>\n
\nThe slider displays only products that match the enabled filters.<\/p>\nOrder by<\/h3>\n
\nSets the field used to sort products.<\/p>\n\n
\nUse it to control the order in which products appear inside the slider.<\/p>\n
\nProducts are displayed according to the selected ordering method.<\/p>\nOrder<\/h3>\n
\nSets ascending or descending product order.<\/p>\n\n
\nUse it together with Order by to control the final product order.<\/p>\n
\nChanges the direction of the product sorting.<\/p>\nContent<\/h2>\n
<\/a><\/p>\nVisible elements<\/h3>\n
\nControls which product information is visible inside each slide.<\/p>\n\n
\nUse it to create a more detailed product card or a cleaner, minimal slider.<\/p>\n
\nEnabled elements are displayed inside each product slide. Disabled elements are hidden.<\/p>\n
\nSome elements depend on WooCommerce product data. For example, the sale badge is shown only for discounted products.<\/p>\nExcerpt words<\/h3>\n
\nSets how many words are displayed from the product short description.<\/p>\n
\nUse it when Short description is enabled and you want to control the amount of text shown.<\/p>\n
\nThe product short description is trimmed to the selected number of words.<\/p>\n
\nThe accepted range is from 0 to 80.<\/p>\nCarousel<\/h2>\n
<\/a><\/p>\nDesktop columns<\/h3>\n
\nSets the number of visible slides on desktop screens.<\/p>\n
\nUse it to control how many products are visible at the same time on large screens.<\/p>\n
\nThe carousel displays the selected number of product columns on desktop.<\/p>\n
\nThe accepted range is from 1 to 6.<\/p>\nTablet columns<\/h3>\n
\nSets the number of visible slides on tablet screens.<\/p>\n
\nUse it to optimize the slider layout for medium-width screens.<\/p>\n
\nThe carousel displays the selected number of product columns on tablet.<\/p>\n
\nThe accepted range is from 1 to 4.<\/p>\nMobile columns<\/h3>\n
\nSets the number of visible slides on mobile screens.<\/p>\n
\nUse it to keep the slider readable on small screens.<\/p>\n
\nThe carousel displays the selected number of product columns on mobile.<\/p>\n
\nThe accepted range is from 1 to 2.<\/p>\nDesktop slides to scroll<\/h3>\n
\nSets how many slides advance when navigating on desktop screens.<\/p>\n
\nUse it to decide whether the carousel should move one product at a time or multiple products at once.<\/p>\n
\nThe carousel advances by the selected number of products on desktop.<\/p>\n
\nThe accepted range is from 1 to 6.<\/p>\nTablet slides to scroll<\/h3>\n
\nSets how many slides advance when navigating on tablet screens.<\/p>\n
\nUse it to adapt carousel navigation to tablet layouts.<\/p>\n
\nThe carousel advances by the selected number of products on tablet.<\/p>\n
\nThe accepted range is from 1 to 4.<\/p>\nMobile slides to scroll<\/h3>\n
\nSets how many slides advance when navigating on mobile screens.<\/p>\n
\nUse it to keep navigation simple on smaller screens.<\/p>\n
\nThe carousel advances by the selected number of products on mobile.<\/p>\n
\nThe accepted range is from 1 to 2.<\/p>\nSpace between slides<\/h3>\n
\nSets the horizontal spacing between product slides.<\/p>\n
\nUse it to make the slider more compact or more spacious.<\/p>\n
\nIncreases or decreases the gap between products in the carousel.<\/p>\n
\nThe value is applied in pixels. The accepted range is from 0 to 80.<\/p>\nAutoplay speed<\/h3>\n
\nSets the delay between automatic slide changes.<\/p>\n
\nUse it when Autoplay is enabled and you want to control how frequently the slider moves.<\/p>\n
\nThe carousel waits for the selected amount of time before moving to the next slide automatically.<\/p>\n
\nThe value is applied in milliseconds. The accepted range is from 500 to 10000.<\/p>\nTransition speed<\/h3>\n
\nSets the duration of the slide transition animation.<\/p>\n
\nUse it to make the carousel animation faster or slower.<\/p>\n
\nControls how long the slide movement animation takes.<\/p>\n
\nThe value is applied in milliseconds. The accepted range is from 100 to 2000.<\/p>\nCarousel options<\/h3>\n
\nControl the behavior and navigation of the product carousel.<\/p>\n\n
\nUse these options to enable automatic movement, navigation controls, touch interaction and image loading optimization.<\/p>\n
\nThe carousel behavior changes according to the enabled options.<\/p>\n
\nAutoplay speed has an effect only when Autoplay is enabled. Pause on hover is useful when Autoplay is active.<\/p>\nShortcode<\/h2>\n
Generated shortcode<\/h3>\n
<\/a><\/p>\n
\nShows the shortcode to copy and paste into the website.<\/p>\n[tps id=\"1\"]<\/code><\/p>\n
\nUse it after configuring and saving the product slider.<\/p>\n
\nThe plugin displays the saved product slider connected to the selected shortcode ID.<\/p>\n
\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":"