File Content: class-pxl-image.php <?php class PxlImage_Widget extends Pxltheme_Core_Widget_Base{ protected $name = 'pxl_image'; protected $title = 'PXL Image'; protected $icon = 'eicon-image'; protected $categories = array( 'pxltheme-core' ); protected $params = '{"sections":[{"name":"content_section","label":"Image","tab":"content","controls":[{"name":"image","label":"Choose Image","type":"media","dynamic":{"active":true},"default":{"url":"http:\/\/localhost\/plexify\/wp-content\/plugins\/elementor\/assets\/images\/placeholder.png"}},{"name":"image","label":"Image Size","type":"image-size","control_type":"group","default":"full"},{"name":"align","label":"Alignment","type":"choose","options":{"start":{"title":"Left","icon":"eicon-text-align-left"},"center":{"title":"Center","icon":"eicon-text-align-center"},"end":{"title":"Right","icon":"eicon-text-align-right"}},"control_type":"responsive","selectors":{"{{WRAPPER}} .pxl-image-wg":"display:flex; flex-wrap:wrap; text-align: {{VALUE}}; justify-content:{{VALUE}};"}},{"name":"link_to","label":"Link","type":"select","default":"none","options":{"none":"None","file":"Media File","custom":"Custom URL"}},{"name":"link","label":"Link","type":"url","dynamic":{"active":true},"placeholder":"https:\/\/your-link.com","condition":{"link_to":"custom"},"show_label":false},{"name":"open_lightbox","label":"Lightbox","type":"select","default":"default","options":{"default":"Default","yes":"Yes","no":"No"},"condition":{"link_to":"file"}}]},{"name":"parallax_section","label":"Parallax Settings","tab":"content","controls":[{"name":"pxl_parallax","label":"Parallax Type","type":"select","options":{"":"None","y":"Transform Y","x":"Transform X","z":"Transform Z","rotateX":"RotateX","rotateY":"RotateY","rotateZ":"RotateZ","scaleX":"ScaleX","scaleY":"ScaleY","scaleZ":"ScaleZ","scale":"Scale"}},{"name":"parallax_value","label":"Value","type":"text","default":"","condition":{"pxl_parallax!":""}},{"name":"pxl_parallax_screen","label":"Parallax In Screen","type":"select","control_type":"responsive","default":"","options":{"":"Default","no":"No"},"prefix_class":"pxl-parallax%s-","condition":{"pxl_parallax!":""}},{"name":"scroll_effects","label":"Scroll Effect","type":"select","options":{"":"None","pxl-rotate-left":"Rotate Left","pxl-rotate-right":"Rotate Right","pxl-border-radius-in":"Border Radius In"}},{"name":"scroll_effects_rotate_value","label":"Rotate Value (deg)","type":"slider","size_units":["deg"],"default":{"unit":"deg"},"condition":{"scroll_effects":["pxl-rotate-left","pxl-rotate-right"]}}]},{"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-image-wg":"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-image-wg":"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"}}]},{"name":"style_section","label":"Style","tab":"style","controls":[{"name":"width","label":"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":1000},"vw":{"min":1,"max":100}},"selectors":{"{{WRAPPER}} img":"width: {{SIZE}}{{UNIT}};"}},{"name":"space","label":"Max 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":1000},"vw":{"min":1,"max":100}},"selectors":{"{{WRAPPER}} img":"max-width: {{SIZE}}{{UNIT}};"}},{"name":"height","label":"Height","type":"slider","control_type":"responsive","default":{"unit":"px"},"tablet_default":{"unit":"px"},"mobile_default":{"unit":"px"},"size_units":["px","vh","vw"],"range":{"px":{"min":1,"max":1000},"vh":{"min":1,"max":100}},"selectors":{"{{WRAPPER}} img":"height: {{SIZE}}{{UNIT}};"}},{"name":"object-fit","label":"Object Fit","type":"select","control_type":"responsive","options":{"":"Default","fill":"Fill","cover":"Cover","contain":"Contain"},"default":"","selectors":{"{{WRAPPER}} img":"object-fit: {{VALUE}};"}},{"name":"image_rotate","label":"Image Rotate","type":"slider","control_type":"responsive","size_units":["deg","grad","rad","turn","custom"],"default":{"unit":"deg"},"tablet_default":{"unit":"deg"},"mobile_default":{"unit":"deg"},"selectors":{"{{WRAPPER}} img":"transform: rotate({{SIZE}}{{UNIT}});"}},{"name":"separator_panel_style","type":"divider","style":"thick"},{"name":"image_effects","control_type":"tab","tabs":[{"name":"normal","label":"Normal","type":"tab","controls":[{"name":"opacity","label":"Opacity","type":"slider","range":{"px":{"max":1,"min":0.1,"step":0.01}},"selectors":{"{{WRAPPER}} img":"opacity: {{SIZE}};"}},{"name":"css_filters","label":"CSS Filters","type":"css-filter","control_type":"group","selector":"{{WRAPPER}} img"}]},{"name":"hover","label":"Hover","type":"tab","controls":[{"name":"opacity_hover","label":"Opacity Hover","type":"slider","range":{"px":{"max":1,"min":0.1,"step":0.01}},"selectors":{"{{WRAPPER}}:hover img":"opacity: {{SIZE}};"}},{"name":"css_filters_hover","label":"CSS Filters Hover","type":"css-filter","control_type":"group","selector":"{{WRAPPER}}:hover img"},{"name":"background_hover_transition","label":"Transition Duration","type":"slider","range":{"px":{"max":3,"step":0.1}},"selectors":{"{{WRAPPER}} img":"transition-duration: {{SIZE}}s"}},{"name":"hover_animation","label":"Hover Animation","type":"hover_animation"}]}]},{"name":"image_border","type":"border","control_type":"group","selector":"{{WRAPPER}} img, {{WRAPPER}} .pxl-bg-parallax","separator":"before"},{"name":"image_border_radius","label":"Border Radius","type":"dimensions","control_type":"responsive","size_units":["px","%"],"selectors":{"{{WRAPPER}} img":"border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};","{{WRAPPER}} .pxl-bg-parallax":"border-radius: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};"}},{"name":"image_box_shadow","label":"Box Shadow","type":"box-shadow","control_type":"group","exclude":["box_shadow_position"],"selector":"{{WRAPPER}} img"}]},{"name":"custom_style_section","label":"Custom Style","tab":"style","controls":[{"name":"custom_style","label":"Style","type":"select","options":{"":"None","pxl-transition":"Transition","draw-from-top":"Draw From Top","draw-from-left":"Draw From Left","draw-from-right":"Draw From Right","move-from-left":"Move From Left","move-from-right":"Move From Right","skew-in":"Skew In Left","skew-in-right":"Skew In Right","zoom-in":"Zoom In","zoom-out":"Zoom Out"}},{"name":"custom_animation_delay","label":"Custom Animation Delay","type":"number","min":0,"step":100,"separator":"after"},{"name":"img_animation","label":"Animation","type":"select","options":{"default":"Default","up-down-move":"up down move","shape-animate1":"shape animate 1","shape-animate2":"shape animate 2","shape-animate3":"shape animate 3","shape-animate4":"shape animate 4","shape-animate5":"shape animate 5","shape-animate6":"shape animate 6","shape-animate7":"shape animate 7","pulse-anm":"Pulse","pulse-grow-anm":"Pulse Grow","pulse-shrink-anm":"Pulse Shrink","push-anm":"Push","pop-anm":"Pop","bounce-in-anm":"Bounce In","bounce-out-anm":"Bounce Out","bob-anm":"Bob","hang-anm":"Hang","swing-anm":"Swing Forward","tada-anm":"Tada Backward","wobble-vertical-anm":"Wobble Vertical","wobble-horizontal-anm":"Wobble Horizontal","wobble-to-bottom-right-anm":"Wobble To Bottom Right","wobble-to-top-right-anm":"Wobble To Top Right","wobble-top-anm":"Wobble Top","wobble-bottom-anm":"Wobble Bottom","wobble-skew-anm":"Wobble Skew","buzz-anm":"Buzz","buzz-out-anm":"Buzz Out","fade-in-out-custom":"fade in out custom","fade-out-in-custom":"fade out in custom"},"default":"default"},{"name":"custom_animation_duration","label":"Animation Duration (ms)","type":"number","min":0,"step":5000,"selectors":{"{{WRAPPER}} .pxl-image-wg":"--animation-duration: {{VALUE}}ms;"},"condition":{"img_animation!":"default"}}]}]}'; protected $styles = array( ); protected $scripts = array( ); } Submit