File Content: class-pxl-fancy-box.php <?php class PxlFancyBox_Widget extends Pxltheme_Core_Widget_Base{ protected $name = 'pxl_fancy_box'; protected $title = 'PXL Fancy Box'; protected $icon = 'eicon-icon-box'; protected $categories = array( 'pxltheme-core' ); protected $params = '{"sections":[{"name":"layout_section","label":"Layout","tab":"layout","controls":[{"name":"layout","label":"Templates","type":"layoutcontrol","default":"1","options":{"1":{"label":"Layout 1","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-1.jpg"},"2":{"label":"Layout 2","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-2.jpg"},"3":{"label":"Layout 3","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-3.jpg"},"4":{"label":"Layout 4","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-4.jpg"},"5":{"label":"Layout 5","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-5.jpg"},"6":{"label":"Layout 6","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-6.jpg"},"7":{"label":"Layout 7","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-7.jpg"},"8":{"label":"Layout 8","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-8.jpg"},"9":{"label":"Layout 9","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-9.jpg"},"10":{"label":"Layout 10","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-10.jpg"},"11":{"label":"Layout 11","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_fancy_box-11.jpg"}}}]},{"name":"content_section","label":"Content","tab":"content","controls":[{"name":"selected_icon","label":"Icon","type":"icons","condition":{"layout":["1","2","3","4","5","6","7","8","11"]}},{"name":"selected_img","label":"Image","type":"media","default":"","condition":{"layout":["3","9","10"]}},{"name":"title","label":"Title","type":"textarea","default":"Your Title"},{"name":"sub_title","label":"Sub Title","type":"textarea","default":"","condition":{"layout":["6"]}},{"name":"desc","label":"Description","type":"textarea","default":"We use the latest technologies it voluptatem accusantium do loremque laudantium.","condition":{"layout":["1","3","4","6","7","9","11"]}},{"name":"hyper_link","label":"Custom Link","type":"url","placeholder":"https:\/\/your-link.com","default":{"url":"","is_external":"on"}},{"name":"link_text","label":"Link Text","type":"text","default":"","condition":{"layout":["3","6","9"]}},{"name":"link_icon","label":"Link Icon","type":"icons","condition":{"layout":["4"]}},{"name":"image_scroll","label":"Image Scroll","type":"select","options":{"":"None","yes":"Yes"},"default":"","condition":{"layout":["10"]}},{"name":"image_box_height","label":"Image Box Height","type":"slider","control_type":"responsive","default":{"unit":"px"},"tablet_default":{"unit":"px"},"mobile_default":{"unit":"px"},"size_units":["px","vh"],"range":{"px":{"min":1,"max":1000},"vh":{"min":1,"max":100}},"selectors":{"{{WRAPPER}} .pxl-fancybox-wrap.layout-10 .fancy-img":"height: {{SIZE}}{{UNIT}};"},"condition":{"image_scroll":"yes","layout":["10"]}}]},{"name":"style_section","label":"Style","tab":"style","controls":[{"name":"max_width","label":"Max Width","type":"slider","control_type":"responsive","size_units":["px","%"],"range":{"px":{"min":100,"max":1920},"%":{"min":0,"max":100}},"selectors":{"{{WRAPPER}} .fancybox-inner":"max-width: {{SIZE}}{{UNIT}};"}},{"name":"content_padding","label":"Content Padding","type":"dimensions","control_type":"responsive","size_units":["px","em","%"],"selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .fancybox-inner":"padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};"},"condition":{"layout":["7","8"]}},{"name":"desc_max_width","label":"Description max width","type":"slider","control_type":"responsive","size_units":["px","%"],"range":{"px":{"min":100,"max":1000},"%":{"min":0,"max":100}},"selectors":{"{{WRAPPER}} .pxl-fancybox-content .desc":"max-width: {{SIZE}}{{UNIT}};"},"condition":{"layout":["1","3","4","7","11"]}},{"name":"text_align","label":"Alignment","type":"choose","control_type":"responsive","options":{"start":{"title":"Start","icon":"eicon-text-align-left"},"center":{"title":"Center","icon":"eicon-text-align-center"},"end":{"title":"End","icon":"eicon-text-align-right"}},"selectors":{"{{WRAPPER}} .pxl-fancybox-wrap":"text-align: {{VALUE}}; justify-content: {{VALUE}};"}},{"name":"background_color","label":"Background Color","type":"color","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap.layout-4, {{WRAPPER}} .pxl-fancybox-wrap.layout-7 .fancybox-inner":"background-color: {{VALUE}};","{{WRAPPER}} .pxl-fancybox-wrap.layout-7 .fancybox-inner:after":"border-color: {{VALUE}} transparent transparent transparent;"},"condition":{"layout":["4","7","11"]}},{"name":"background_color_hover","label":"Background Color","type":"color","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap.layout-6 .fancybox-inner:hover":"background-color: {{VALUE}};"},"condition":{"layout":["6","11"]}},{"name":"background_gradient_color","label":"Background Type","type":"background","control_type":"group","types":["classic","gradient"],"exclude":["image"],"fields_options":{"background":{"default":"gradient"}},"selector":"{{WRAPPER}} .pxl-fancybox-wrap.layout-8 .fancybox-inner:before","condition":{"layout":["8"]}},{"name":"background_after","label":"Background After","type":"color","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap.layout-8 .fancybox-inner":"background-color: {{VALUE}};"},"separator":"before","condition":{"layout":["8"]}},{"name":"icon_size","label":"Icon Font Size (px)","type":"slider","range":{"px":{"min":15,"max":300}},"control_type":"responsive","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .pxl-fancy-icon .pxl-icon":"font-size: {{SIZE}}{{UNIT}};","{{WRAPPER}} .pxl-fancybox-wrap .pxl-fancy-icon .pxl-icon svg":"width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};"},"condition":{"layout":["1","2","3","4","5","6","7","8","11"]}},{"name":"icon_box_size","label":"Icon box Size (px)","type":"slider","range":{"px":{"min":15,"max":300}},"control_type":"responsive","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .pxl-fancy-icon .pxl-icon":"width: {{SIZE}}{{UNIT}}; height: {{SIZE}}{{UNIT}};"},"condition":{"layout":["1","4","7","11"]}},{"name":"img_size","label":"Image Size","type":"text","description":"Enter image size (Example: &quot;thumbnail&quot;, &quot;medium&quot;, &quot;large&quot;, &quot;full&quot; or other sizes defined by theme). Alternatively enter size in pixels (Default: 370x300 (Width x Height)).","condition":{"layout":["3","9"]}},{"name":"icon_color","label":"Icon Color","type":"color","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .pxl-fancy-icon .pxl-icon":"color: {{VALUE}};","{{WRAPPER}} .pxl-fancybox-wrap .pxl-fancy-icon .pxl-icon svg":"fill: {{VALUE}};"},"condition":{"layout":["1","2","3","4","5","6","7","8","11"]}},{"name":"icon_color_hover","label":"Icon Color Hover","type":"color","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .fancybox-inner:hover .pxl-fancy-icon .pxl-icon":"color: {{VALUE}};","{{WRAPPER}} .pxl-fancybox-wrap .fancybox-inner:hover .pxl-icon svg":"fill: {{VALUE}};"},"condition":{"layout":["1","2","3","4","5","6","7","8","11"]}},{"name":"icon_bg_color","label":"Icon Background Color","type":"color","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .fancybox-inner .pxl-fancy-icon .pxl-icon":"background-color: {{VALUE}};"},"condition":{"layout":["1","4","7","11"]}},{"name":"icon_bg_color_hover","label":"Icon Background Color Hover","type":"color","selectors":{"{{WRAPPER}} .fancybox-inner:hover .pxl-fancy-icon .pxl-icon":"background-color: {{VALUE}};"},"condition":{"layout":["1","4","7","11"]}},{"name":"pxl_icon_border_radius","label":"Icon Border Radius","type":"dimensions","control_type":"responsive","size_units":["px","%","em","rem","custom"],"selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .pxl-fancy-icon .pxl-icon":"border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};"},"condition":{"layout":["1","4","7","11"]}},{"name":"pxl_icon_margin","label":"Icon Margin","type":"dimensions","control_type":"responsive","size_units":["px","em","%"],"selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .pxl-fancy-icon":"margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};"}},{"name":"icon_rotate","label":"Icon Rotate","type":"slider","size_units":["deg","grad","rad","turn","custom"],"control_type":"responsive","default":{"unit":"deg"},"tablet_default":{"unit":"deg"},"mobile_default":{"unit":"deg"},"selectors":{"{{WRAPPER}} .pxl-icon i, {{WRAPPER}} .pxl-icon svg":"transform: rotate({{SIZE}}{{UNIT}});"},"separator":"after"},{"name":"title_color","label":"Title Color","type":"color","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .title":"color: {{VALUE}};"}},{"name":"sub_title_color","label":"Sub Title Color","type":"color","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .sub-title":"color: {{VALUE}};"},"condition":{"layout":["6"]}},{"name":"title_typography","label":"Title Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-fancybox-wrap .title"},{"name":"sub_title_typography","label":"Sub Title Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-fancybox-wrap .sub-title","condition":{"layout":["6"]}},{"name":"desc_typography","label":"Description Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-fancybox-wrap .pxl-fancybox-content .desc","condition":{"layout":["7"]}},{"name":"title_margin","label":"Title Margin","type":"dimensions","control_type":"responsive","size_units":["px","em","%"],"selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .title":"margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};"}},{"name":"sub_title_margin","label":"Sub Title Margin","type":"dimensions","control_type":"responsive","size_units":["px","em","%"],"selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .sub-title":"margin: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};"},"condition":{"layout":["6"]}},{"name":"desc_color","label":"Description Color","type":"color","selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .desc":"color: {{VALUE}};"},"condition":{"layout":["1","3","4","6","7","9","11"]}}]},{"name":"animation_section","label":"Animation","tab":"style","controls":[{"name":"icon_animation","label":"Icon Motion Effect","type":"animation","condition":{"layout":["1","3","4","6","7","8","11"]}},{"name":"icon_animation_duration","label":"Icon Animation Duration","type":"select","default":"normal","options":{"slow":"Slow","normal":"Normal","fast":"Fast"},"condition":{"layout":["1","3","4","6","7","8","11"],"icon_animation!":""}},{"name":"icon_animation_delay","label":"Icon Animation Delay","type":"number","min":0,"step":100,"condition":{"layout":["1","3","4","6","7","8","11"],"icon_animation!":""}},{"name":"title_animation","label":"Title Motion Effect","type":"animation","condition":[]},{"name":"title_animation_duration","label":"Title Animation Duration","type":"select","default":"normal","options":{"slow":"Slow","normal":"Normal","fast":"Fast"},"condition":{"title_animation!":""}},{"name":"title_animation_delay","label":"Title Animation Delay","type":"number","min":0,"step":100,"condition":{"title_animation!":""}},{"name":"desc_animation","label":"Description Motion Effect","type":"animation","condition":[]},{"name":"desc_animation_duration","label":"Description Animation Duration","type":"select","default":"normal","options":{"slow":"Slow","normal":"Normal","fast":"Fast"},"condition":{"desc_animation!":""}},{"name":"desc_animation_delay","label":"Description Animation Delay","type":"number","min":0,"step":100,"condition":{"desc_animation!":""}}]},{"name":"bg_parallax_section","label":"Background Parallax","tab":"content","controls":[{"name":"pxl_bg_parallax","label":"Background Parallax Type","type":"select","options":{"":"None","basic":"Basic","rotate":"Rotate","mouse-move":"Mouse Move","mouse-move-rotate":"Mouse Move Rotate","transform-mouse-move":"Transform Mouse Move","transform":"Transform"}},{"name":"bg_parallax_width","label":"Background Width","type":"slider","control_type":"responsive","default":{"unit":"%"},"tablet_default":{"unit":"%"},"mobile_default":{"unit":"%"},"size_units":["%","px","vw"],"range":{"%":{"min":1,"max":100},"px":{"min":1,"max":1920},"vw":{"min":1,"max":100}},"selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .fancybox-inner":"width: {{SIZE}}{{UNIT}};"},"condition":{"pxl_bg_parallax!":""}},{"name":"bg_parallax_height","label":"Background Height","type":"slider","control_type":"responsive","default":{"unit":"px"},"tablet_default":{"unit":"px"},"mobile_default":{"unit":"px"},"size_units":["px","vh"],"range":{"px":{"min":1,"max":1000},"vh":{"min":1,"max":100}},"selectors":{"{{WRAPPER}} .pxl-fancybox-wrap .fancybox-inner":"height: {{SIZE}}{{UNIT}};"},"condition":{"pxl_bg_parallax!":""}},{"name":"position_popover","label":" Position","type":"popover_toggle","label_off":"Default","label_on":"Custom","return_value":"yes","condition":{"pxl_bg_parallax":"transform"}},{"name":"pxl_start_popover","label":" Start Popover","type":"pxl_start_popover","condition":{"pxl_bg_parallax":"transform"}},{"name":"pos_offset_left","label":"Left (50px) px,%,vw,auto","type":"text","default":"","control_type":"responsive","selectors":{"{{WRAPPER}} .parallax-inner":"left: {{VALUE}}"},"condition":{"pxl_bg_parallax":"transform"}},{"name":"pos_offset_right","label":"Right (50px) px,%,vw,auto","type":"text","default":"","control_type":"responsive","selectors":{"{{WRAPPER}} .parallax-inner":"right: {{VALUE}}"},"condition":{"pxl_bg_parallax":"transform"}},{"name":"pos_offset_top","label":"Top (50px) px,%,vh,auto","type":"text","default":"","control_type":"responsive","selectors":{"{{WRAPPER}} .parallax-inner":"top: {{VALUE}}"},"condition":{"pxl_bg_parallax":"transform"}},{"name":"pos_offset_bottom","label":"Bottom (50px) px,%,vh,auto","type":"text","default":"","control_type":"responsive","selectors":{"{{WRAPPER}} .parallax-inner":"bottom: {{VALUE}}"},"condition":{"pxl_bg_parallax":"transform"}},{"name":"pxl_end_popover","label":" End Popover","type":"pxl_end_popover","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_popover","label":" Parallax Effect","type":"popover_toggle","label_off":"Default","label_on":"Custom","return_value":"yes","condition":{"pxl_bg_parallax":"transform"}},{"name":"pxl_start_popover","label":" Start Popover","type":"pxl_start_popover","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_x","label":"TranslateX (-80)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_y","label":"TranslateY (-80)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_z","label":"TranslateZ (-80)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_rotate_x","label":"Rotate X (30)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_rotate_y","label":"Rotate Y (30)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_rotate_z","label":"Rotate Z (30)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_scale_x","label":"Scale X (0.8)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_scale_y","label":"Scale Y (0.8)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_scale_z","label":"Scale Z (0.8)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"parallax_effect_scale","label":"Scale (0.8)","type":"number","default":"","condition":{"pxl_bg_parallax":"transform"}},{"name":"pxl_end_popover","label":" End Popover","type":"pxl_end_popover","condition":{"pxl_bg_parallax":"transform"}}],"condition":{"layout":["3","9"]}}]}'; protected $styles = array( ); protected $scripts = array( 'gsap','scroll-trigger' ); } Submit