{"id":17647,"date":"2021-02-05T12:24:26","date_gmt":"2021-02-05T12:24:26","guid":{"rendered":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/?page_id=17647"},"modified":"2023-03-03T10:38:48","modified_gmt":"2023-03-03T10:38:48","slug":"device-frame-slider","status":"publish","type":"page","link":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/device-frame-slider\/","title":{"rendered":"Elementor Device Frame Slider Widget"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"17647\" class=\"elementor elementor-17647\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ca29aea elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"ca29aea\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1f4a96d qodef-sticky-column--no\" data-id=\"1f4a96d\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e5450a6 elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget-mobile__width-inherit elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"e5450a6\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--underline qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t\t\t<h1 class=\"qodef-m-title\">\n\t\tDevice Frame Slider<br \/> <span class=\"qodef-e-decorated\">ELEMENTOR<\/span> widget\t<\/h1>\n\t\t\t<div class=\"qodef-m-text\"><p>A custom widget that allows you to insert your images into a slider with predefined image frames<\/p><\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-a7c68f1 elementor-section-boxed elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"a7c68f1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ce873a2 qodef-sticky-column--no\" data-id=\"ce873a2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c351075 elementor-widget__width-initial elementor-widget-tablet__width-auto elementor-widget elementor-widget-qi_addons_for_elementor_button\" data-id=\"c351075\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard qodef-icon--left qodef-hover--icon-move-horizontal-short qodef-text-underline qodef-underline--left\" href=\"https:\/\/qodeinteractive.com\/pricing\/?qi_product=addons\" target=\"_blank\">\n\t<span class=\"qodef-m-text\">Try qi addons<\/span>\n\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-535edab elementor-widget__width-initial elementor-widget-tablet__width-auto elementor-widget elementor-widget-qi_addons_for_elementor_button\" data-id=\"535edab\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard qodef-icon--left\" href=\"https:\/\/www.youtube.com\/watch?v=myBXf973F9w\" target=\"_blank\">\n\t<span class=\"qodef-m-text\">Youtube tutorial<\/span>\n\t\t<span class=\"qodef-m-icon\">\n\t\t<span class=\"qodef-m-icon-inner\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" width=\"8.688px\" height=\"12.873px\" viewBox=\"0 0 8.688 12.873\" xml:space=\"preserve\"><g>\t<path fill=\"#FFFFFF\" d=\"M8.688,6.435c0,0.229-0.083,0.406-0.25,0.531l-7.313,5.75c-0.146,0.104-0.292,0.156-0.438,0.156  c-0.063,0-0.156-0.021-0.281-0.063C0.135,12.685,0,12.477,0,12.185v-11.5c0-0.292,0.135-0.5,0.406-0.625  c0.25-0.104,0.489-0.073,0.719,0.094l7.313,5.75C8.604,6.029,8.688,6.206,8.688,6.435z M6.875,6.435l-5.5-4.313v8.625L6.875,6.435z  \"><\/path><\/g><\/svg>\t\t\t\t\t<\/span>\n\t<\/span>\n<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-3a69778 elementor-hidden-tablet elementor-hidden-mobile elementor-hidden-mobile_extra qodef-sticky-column--no\" data-id=\"3a69778\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a488c1 elementor-widget elementor-widget-image\" data-id=\"6a488c1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/qi24.qodeinteractive.com\/\" target=\"_blank\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"808\" height=\"585\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/device-frame-slider-new-title.png\" class=\"attachment-full size-full wp-image-70156\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/device-frame-slider-new-title.png 808w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/device-frame-slider-new-title-300x217.png 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/device-frame-slider-new-title-768x556.png 768w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/12\/device-frame-slider-new-title-600x434.png 600w\" sizes=\"(max-width: 808px) 100vw, 808px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-281ed2f qodef-elementor-content-grid elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"281ed2f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ce11805 qodef-sticky-column--no\" data-id=\"ce11805\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-41f5fd1 elementor-widget-tablet__width-auto elementor-widget elementor-widget-qi_addons_for_elementor_device_slider\" data-id=\"41f5fd1\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_device_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-device-slider qodef-frame-shadow--enabled\">\n\t<div class=\"qodef-device-slider-image\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/plugins\/qi-addons-for-elementor\/inc\/shortcodes\/device-slider\/assets\/img\/mob-mockup.svg\" alt=\"phone device\">\n\t\t\t<\/div>\n\t<div class=\"qodef-m-items\">\n\t\t<div class=\"qodef-qi-grid qodef-qi-swiper-container qodef-pagination--outside\" data-options=\"{&quot;direction&quot;:&quot;horizontal&quot;,&quot;slidesPerView&quot;:1,&quot;spaceBetween&quot;:0,&quot;spaceBetweenTablet&quot;:0,&quot;spaceBetweenMobile&quot;:0,&quot;effect&quot;:&quot;fade&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:true,&quot;centeredSlides&quot;:false,&quot;speed&quot;:&quot;1200&quot;,&quot;speedAnimation&quot;:&quot;700&quot;,&quot;outsideNavigation&quot;:&quot;no&quot;,&quot;outsidePagination&quot;:&quot;yes&quot;,&quot;unique&quot;:&quot;1&quot;,&quot;partialValue&quot;:0,&quot;disablePartialValue&quot;:&quot;&quot;,&quot;parallax&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t<div class=\"qodef-m-item swiper-slide\">\n\t\t<img decoding=\"async\" width=\"800\" height=\"1787\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-1.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-1.jpg 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-1-600x1340.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-1-134x300.jpg 134w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-1-458x1024.jpg 458w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-1-768x1716.jpg 768w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-1-688x1536.jpg 688w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t<\/div>\n<div class=\"qodef-m-item swiper-slide\">\n\t\t<img decoding=\"async\" width=\"800\" height=\"1787\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-2.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-2.jpg 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-2-600x1340.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-2-134x300.jpg 134w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-2-458x1024.jpg 458w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-2-768x1716.jpg 768w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-2-688x1536.jpg 688w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t<\/div>\n<div class=\"qodef-m-item swiper-slide\">\n\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1787\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-3.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-3.jpg 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-3-600x1340.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-3-134x300.jpg 134w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-3-458x1024.jpg 458w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-3-768x1716.jpg 768w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-3-688x1536.jpg 688w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"swiper-pagination qodef-swiper-pagination-outside swiper-pagination-1\"><\/div>\n\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-15859af qodef-sticky-column--no\" data-id=\"15859af\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0712394 elementor-widget__width-initial elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"0712394\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t<h6 class=\"qodef-m-subtitle\">\n\t\tPick a device frame\t\t\t<\/h6>\n\t\t\t<h2 class=\"qodef-m-title\">\n\t\tDevice slider\t<\/h2>\n\t\t\t<div class=\"qodef-m-text\">A great way to create visually appealing slider presentations with images you select. Simply add the images you wish to display &amp; pick one of three predefined device-styled frames or add a custom device frame to feature images in. You can also customize the device frame width, set the border radius for images shown in the slider and tons more. <\/div>\n\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d314618 elementor-widget__width-initial elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"d314618\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t\t\t\t\t<div class=\"qodef-m-text\">Enable slider loop and autoplay to make the presentation more dynamic, feature customizable navigational arrows or pagination bullets for the slider &amp; adapt them.<\/div>\n\t\t<div class=\"qodef-m-button qodef-qi-clear\">\n\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard qodef-icon--right qodef-hover--icon-move-horizontal-short qodef-text-underline qodef-underline--left\" href=\"#\" target=\"_self\">\t<span class=\"qodef-m-text\">View More<\/span>\t<\/a>\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0362ddd elementor-hidden-desktop elementor-hidden-phone elementor-hidden-widescreen elementor-hidden-laptop elementor-widget elementor-widget-qi_addons_for_elementor_button\" data-id=\"0362ddd\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard qodef-icon--right qodef-hover--icon-move-horizontal-short qodef-text-underline qodef-underline--left\" href=\"#\" target=\"_self\">\n\t<span class=\"qodef-m-text\">View More<\/span>\n\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-d78d351 elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"d78d351\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ad6295c qodef-sticky-column--no\" data-id=\"ad6295c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-63afd0f elementor-absolute elementor-hidden-phone elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"63afd0f\" data-element_type=\"widget\" data-settings=\"{&quot;_position&quot;:&quot;absolute&quot;}\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t\t\t<h3 class=\"qodef-m-title\">\n\t\tFlexibility\t<\/h3>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32397bb elementor-widget elementor-widget-qi_addons_for_elementor_device_slider\" data-id=\"32397bb\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_device_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-device-slider qodef-frame-shadow--enabled\">\n\t<div class=\"qodef-device-slider-image\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/plugins\/qi-addons-for-elementor\/inc\/shortcodes\/device-slider\/assets\/img\/mob-mockup.svg\" alt=\"phone device\">\n\t\t\t<\/div>\n\t<div class=\"qodef-m-items\">\n\t\t<div class=\"qodef-qi-grid qodef-qi-swiper-container\" data-options=\"{&quot;direction&quot;:&quot;horizontal&quot;,&quot;slidesPerView&quot;:1,&quot;spaceBetween&quot;:0,&quot;spaceBetweenTablet&quot;:0,&quot;spaceBetweenMobile&quot;:0,&quot;effect&quot;:&quot;slide&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:true,&quot;centeredSlides&quot;:false,&quot;speed&quot;:&quot;1700&quot;,&quot;speedAnimation&quot;:&quot;800&quot;,&quot;outsideNavigation&quot;:&quot;no&quot;,&quot;outsidePagination&quot;:&quot;no&quot;,&quot;unique&quot;:&quot;2&quot;,&quot;partialValue&quot;:0,&quot;disablePartialValue&quot;:&quot;&quot;,&quot;parallax&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t<div class=\"qodef-m-item swiper-slide\">\n\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1787\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-6.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-6.jpg 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-6-600x1340.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-6-134x300.jpg 134w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-6-458x1024.jpg 458w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-6-768x1716.jpg 768w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-6-688x1536.jpg 688w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t<\/div>\n<div class=\"qodef-m-item swiper-slide\">\n\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1787\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-8.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-8.jpg 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-8-600x1340.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-8-134x300.jpg 134w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-8-458x1024.jpg 458w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-8-768x1716.jpg 768w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-8-688x1536.jpg 688w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t<\/div>\n<div class=\"qodef-m-item swiper-slide\">\n\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"1787\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-7.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-7.jpg 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-7-600x1340.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-7-134x300.jpg 134w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-7-458x1024.jpg 458w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-7-768x1716.jpg 768w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-7-688x1536.jpg 688w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-02f3c47 elementor-section-full_width elementor-section-content-middle elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"02f3c47\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-70ef864 qodef-sticky-column--no\" data-id=\"70ef864\" data-element_type=\"column\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-f4bb687 elementor-section-full_width elementor-section-height-default elementor-section-height-default qodef-elementor-content-no\" data-id=\"f4bb687\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4ce0594 qodef-sticky-column--no\" data-id=\"4ce0594\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-bc35d37 elementor-widget elementor-widget-qi_addons_for_elementor_device_slider\" data-id=\"bc35d37\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_device_slider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-device-slider qodef-frame-shadow--enabled\">\n\t<div class=\"qodef-device-slider-image\">\n\t\t\t\t\t<img decoding=\"async\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/plugins\/qi-addons-for-elementor\/inc\/shortcodes\/device-slider\/assets\/img\/laptop-mockup.svg\" alt=\"laptop device\">\n\t\t\t<\/div>\n\t<div class=\"qodef-m-items\">\n\t\t<div class=\"qodef-qi-grid qodef-qi-swiper-container\" data-options=\"{&quot;direction&quot;:&quot;horizontal&quot;,&quot;slidesPerView&quot;:1,&quot;spaceBetween&quot;:0,&quot;spaceBetweenTablet&quot;:0,&quot;spaceBetweenMobile&quot;:0,&quot;effect&quot;:&quot;slide&quot;,&quot;loop&quot;:true,&quot;autoplay&quot;:true,&quot;centeredSlides&quot;:false,&quot;speed&quot;:&quot;2000&quot;,&quot;speedAnimation&quot;:&quot;&quot;,&quot;outsideNavigation&quot;:&quot;no&quot;,&quot;outsidePagination&quot;:&quot;no&quot;,&quot;unique&quot;:&quot;3&quot;,&quot;partialValue&quot;:0,&quot;disablePartialValue&quot;:&quot;&quot;,&quot;parallax&quot;:&quot;no&quot;}\">\n\t\t\t<div class=\"swiper-wrapper\">\n\t\t\t\t<div class=\"qodef-m-item swiper-slide\">\n\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"583\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-9.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-9.jpg 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-9-600x437.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-9-300x219.jpg 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-9-768x560.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t<\/div>\n<div class=\"qodef-m-item swiper-slide\">\n\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"583\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-11.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-11.jpg 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-11-600x437.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-11-300x219.jpg 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-11-768x560.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t<\/div>\n<div class=\"qodef-m-item swiper-slide\">\n\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"583\" src=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-10.jpg\" class=\"attachment-full size-full\" alt=\"a\" srcset=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-10.jpg 800w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-10-600x437.jpg 600w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-10-300x219.jpg 300w, https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-content\/uploads\/2021\/02\/device-slider-img-10-768x560.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-7329fe0 qodef-sticky-column--no\" data-id=\"7329fe0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a6d2f15 elementor-widget__width-initial elementor-widget-tablet__width-inherit elementor-widget elementor-widget-qi_addons_for_elementor_section_title\" data-id=\"a6d2f15\" data-element_type=\"widget\" data-widget_type=\"qi_addons_for_elementor_section_title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"qodef-shortcode qodef-m qodef-qi-section-title qodef-decoration--italic qodef-link--underline-draw qodef-subtitle-icon--left\">\n\t\t\t\t<h6 class=\"qodef-m-subtitle\">\n\t\tCaptivating image slider\t\t\t<\/h6>\n\t\t\t<h2 class=\"qodef-m-title\">\n\t\tDevice slider\t<\/h2>\n\t\t\t<div class=\"qodef-m-text\"><p>A custom widget designed so you can make neat slider showcases for your images framed within a device-styled image frame that you can modify. Pick the mobile device, laptop or tablet, or select a custom frame.<\/p><\/div>\n\t\t<div class=\"qodef-m-button qodef-qi-clear\">\n\t\t<a class=\"qodef-shortcode qodef-m qodef-qi-button qodef-html--link qodef-layout--filled qodef-type--standard qodef-icon--right qodef-hover--icon-move-horizontal-short qodef-text-underline qodef-underline--left\" href=\"#\" target=\"_self\">\t<span class=\"qodef-m-text\">View More<\/span>\t<\/a>\t<\/div>\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Device Frame Slider ELEMENTOR widget A custom widget that allows you to insert your images into a slider with predefined image frames Try qi addons Youtube tutorial Pick a device frame Device slider A great way to create visually appealing slider presentations with images you select. Simply add the images you wish to display &amp; [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"the-q-full-width.php","meta":{"footnotes":""},"class_list":["post-17647","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages\/17647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/comments?post=17647"}],"version-history":[{"count":5,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages\/17647\/revisions"}],"predecessor-version":[{"id":84219,"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/pages\/17647\/revisions\/84219"}],"wp:attachment":[{"href":"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/wp-json\/wp\/v2\/media?parent=17647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}