{"id":10201,"date":"2026-07-09T09:33:10","date_gmt":"2026-07-09T09:33:10","guid":{"rendered":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/?page_id=10201"},"modified":"2026-07-12T15:51:29","modified_gmt":"2026-07-12T15:51:29","slug":"elementor-widgets","status":"publish","type":"page","link":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/documentation-pro-version\/elementor-widgets\/","title":{"rendered":"Elementor widgets"},"content":{"rendered":"<p>TIP Product Slider Pro adds Elementor widgets that allow you to display WooCommerce product sliders inside Elementor pages.<\/p>\n<p>The plugin adds a dedicated Elementor category: TIP Product Slider<\/p>\n<p>The category includes two widgets:<\/p>\n<ul>\n<li>TIP Product Slider<\/li>\n<li>TIP Product Slider Builder<\/li>\n<\/ul>\n<h2>TIP Product Slider widget<\/h2>\n<div style=\"width: 750px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-10201-1\" width=\"750\" height=\"422\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2026\/07\/tip-product-slider-elementor-widget.mp4?_=1\" \/><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2026\/07\/tip-product-slider-elementor-widget.mp4\">https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2026\/07\/tip-product-slider-elementor-widget.mp4<\/a><\/video><\/div>\n<h3>What it does<\/h3>\n<p>Displays one saved product slider.<\/p>\n<h3>When to use it<\/h3>\n<p>Use this widget when you have already created a slider from the plugin panel and want to place it inside an Elementor layout.<\/p>\n<h3>How to use it<\/h3>\n<ol>\n<li>Edit the page with Elementor.<\/li>\n<li>Search for <code>TIP Product Slider<\/code>.<\/li>\n<li>Drag the widget into the page.<\/li>\n<li>Open the Saved slider section.<\/li>\n<li>Select the slider you want to display.<\/li>\n<li>Update the page.<\/li>\n<\/ol>\n<h3>Saved slider<\/h3>\n<p>Selects which saved slider should be rendered. The selected saved slider is displayed inside the Elementor page. If no saved slider is selected, the widget displays a notice asking you to select a saved product slider.<\/p>\n<h2>TIP Product Slider Builder widget<\/h2>\n<div style=\"width: 750px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-10201-2\" width=\"750\" height=\"422\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2026\/07\/tip-product-slider-elementor-widget-builder.mp4?_=2\" \/><a href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2026\/07\/tip-product-slider-elementor-widget-builder.mp4\">https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-content\/uploads\/2026\/07\/tip-product-slider-elementor-widget-builder.mp4<\/a><\/video><\/div>\n<h3>What it does<\/h3>\n<p>Allows you to create a custom WooCommerce product slider directly inside Elementor.<\/p>\n<h3>When to use it<\/h3>\n<p>Use this widget when you want to configure a slider specifically for the current Elementor page.<\/p>\n<h3>Effect on the frontend<\/h3>\n<p>The widget renders a product carousel based on the settings configured in Elementor.<\/p>\n<h3>Important notes<\/h3>\n<p>If you need to reuse the same configuration across multiple pages, create a saved slider in the plugin panel and use the standard TIP Product Slider widget.<\/p>\n<h2>Builder widget settings<\/h2>\n<p>The Builder widget settings are divided into sections:<\/p>\n<ul>\n<li>General<\/li>\n<li>Products<\/li>\n<li>Content<\/li>\n<li>Carousel<\/li>\n<li>Add to cart button<\/li>\n<li>Navigation arrows<\/li>\n<\/ul>\n<h2>General<\/h2>\n<h3>Template<\/h3>\n<p>Selects the frontend template.<\/p>\n<h4>Available options<\/h4>\n<ul>\n<li>Classic<\/li>\n<li>Card<\/li>\n<li>Overlay<\/li>\n<li>Minimal<\/li>\n<li>Centered<\/li>\n<li>Compact<\/li>\n<li>Hero<\/li>\n<\/ul>\n<p>Use it to match the product slider with the design of the Elementor page.<\/p>\n<h2>Products<\/h2>\n<p>The Products section controls which WooCommerce products are displayed.<\/p>\n<h4>Available settings<\/h4>\n<ul>\n<li>Number of products<\/li>\n<li>Order by<\/li>\n<li>Order<\/li>\n<li>Filter products<\/li>\n<li>Products to include<\/li>\n<li>Products to exclude<\/li>\n<li>Filter by product categories<\/li>\n<li>Categories to include<\/li>\n<li>Categories to exclude<\/li>\n<li>Filter by product tags<\/li>\n<li>Tags to include<\/li>\n<li>Tags to exclude<\/li>\n<li>Filter sale products<\/li>\n<li>Featured products<\/li>\n<li>Free products<\/li>\n<li>Only in stock products<\/li>\n<\/ul>\n<h3>Product, category, and tag IDs<\/h3>\n<p>Allows you to manually enter IDs for products, categories, or tags. Use it when you want full control over which products are included or excluded. IDs must be entered as comma-separated values.<br \/>\n<code>12,34,56<\/code><\/p>\n<h2>Content<\/h2>\n<p>The Content section controls the product information displayed inside each slide.<\/p>\n<h4>Available settings<\/h4>\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<li>Short description<\/li>\n<li>Sale percentage<\/li>\n<li>Excerpt words<\/li>\n<\/ul>\n<h3>Short description<\/h3>\n<p>Displays the WooCommerce product short description.<\/p>\n<h3>Excerpt words<\/h3>\n<p>Controls the number of words displayed from the short description. This option only affects the frontend when Short description is enabled.<\/p>\n<h2>Carousel<\/h2>\n<p>The Carousel section controls the slider behavior.<\/p>\n<h4>Available settings<\/h4>\n<ul>\n<li>Columns<\/li>\n<li>Slides to scroll<\/li>\n<li>Space between slides<\/li>\n<li>Autoplay speed<\/li>\n<li>Transition speed<\/li>\n<li>Autoplay<\/li>\n<li>Infinite loop<\/li>\n<li>Arrows<\/li>\n<li>Dots<\/li>\n<li>Pause on hover<\/li>\n<li>Adaptive height<\/li>\n<li>Draggable\/swipe<\/li>\n<li>Lazy load images<\/li>\n<\/ul>\n<h3>Columns<\/h3>\n<p>Controls the number of visible products.<\/p>\n<h4>Available responsive controls<\/h4>\n<ul>\n<li>Columns &#8211; Desktop<\/li>\n<li>Columns &#8211; Tablet<\/li>\n<li>Columns &#8211; Mobile<\/li>\n<\/ul>\n<h3>Slides to scroll<\/h3>\n<p>Controls how many slides move when the visitor uses the carousel navigation.<\/p>\n<h4>Available responsive controls<\/h4>\n<ul>\n<li>Slides to scroll &#8211; Desktop<\/li>\n<li>Slides to scroll &#8211; Tablet<\/li>\n<li>Slides to scroll &#8211; Mobile<\/li>\n<\/ul>\n<h3>Autoplay<\/h3>\n<p>Automatically advances the carousel. Autoplay speed controls the delay between automatic movements.<\/p>\n<h2>Add to cart button<\/h2>\n<p>This style section controls the WooCommerce add to cart button inside the slider.<\/p>\n<h4>Available settings<\/h4>\n<ul>\n<li>Button background color<\/li>\n<li>Button background color on hover<\/li>\n<li>Button text color<\/li>\n<li>Button text color on hover<\/li>\n<li>Button border radius<\/li>\n<\/ul>\n<p>Use these options to match the button style with the Elementor page design.<\/p>\n<h2>Navigation arrows<\/h2>\n<p>This style section controls the carousel navigation arrows.<\/p>\n<h4>Available settings<\/h4>\n<ul>\n<li>Arrow background color<\/li>\n<li>Arrow background color on hover<\/li>\n<li>Arrow text color<\/li>\n<li>Arrow text color on hover<\/li>\n<\/ul>\n<p>Use these options to customize the arrow colors in normal and hover states.<\/p>\n<h2>License notice<\/h2>\n<p>If the Pro license is not active, the Elementor widget settings are locked. Existing sliders can continue rendering on the frontend, but editing widget settings requires an active Pro license.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>TIP Product Slider Pro adds Elementor widgets that allow you to display WooCommerce product sliders inside Elementor pages. The plugin adds a dedicated Elementor category: TIP Product Slider The category includes two widgets: TIP Product Slider TIP Product Slider Builder TIP Product Slider widget What it does Displays one saved product slider. When to use&hellip; <a class=\"more-link\" href=\"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/documentation-pro-version\/elementor-widgets\/\">Continue reading <span class=\"screen-reader-text\">Elementor widgets<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10007,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-10201","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10201","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=10201"}],"version-history":[{"count":3,"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10201\/revisions"}],"predecessor-version":[{"id":10297,"href":"https:\/\/demo.themeinprogress.eu\/tip-product-slider-pro\/wp-json\/wp\/v2\/pages\/10201\/revisions\/10297"}],"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=10201"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}