File Content: class-pxl-service-grid.php <?php class PxlServiceGrid_Widget extends Pxltheme_Core_Widget_Base{ protected $name = 'pxl_service_grid'; protected $title = 'PXL Service Grid'; protected $icon = 'eicon-gallery-grid'; protected $categories = array( 'pxltheme-core' ); protected $params = '{"sections":[{"name":"layout_section","label":"Layout","tab":"layout","controls":[{"name":"layout","label":"Layout","type":"layoutcontrol","default":"1","options":{"1":{"label":"Layout 1","image":"https:\/\/getwphost.com\/srlgroup\/wp-content\/themes\/adsett\/elements\/assets\/imgs\/pxl_service_grid-1.jpg"},"2":{"label":"Layout 2","image":"https:\/\/getwphost.com\/srlgroup\/wp-content\/themes\/adsett\/elements\/assets\/imgs\/pxl_service_grid-2.jpg"}}}]},{"name":"section_list","label":"Content","tab":"content","controls":[{"name":"content_list","label":"Service List","type":"repeater","default":[],"controls":[{"name":"image","label":"Image","type":"media"},{"name":"title","label":"Title","type":"text","label_block":true},{"name":"desc","label":"Description","type":"textarea","label_block":true},{"name":"link","label":"Link","type":"url","placeholder":"https:\/\/your-link.com","default":{"url":"#"}}],"condition":{"layout":"1"},"title_field":"{{{ title }}}"},{"name":"content_list2","label":"Service List","type":"repeater","default":[],"controls":[{"name":"selected_icon","label":"Icon","type":"icons","fa4compatibility":"icon"},{"name":"title","label":"Title","type":"text","label_block":true},{"name":"desc","label":"Description","type":"textarea","label_block":true},{"name":"link_text","label":"Link Text","type":"text","default":"Read More","placeholder":"Click here"},{"name":"link","label":"Link","type":"url","placeholder":"https:\/\/your-link.com","default":{"url":"#"}}],"condition":{"layout":"2"},"title_field":"{{{ title }}}"}]},{"name":"grid_section","label":"Grid Settings","tab":"settings","controls":[{"name":"show_load_more","label":"Show Load More","type":"switcher"},{"name":"load_more_text","label":"Load More Text","type":"text","condition":{"show_load_more":"true"}},{"name":"number_item_show","label":"Number of item to show","type":"number","default":"","condition":{"show_load_more":"true"}},{"name":"number_loadmore_show","label":"Number of item to show on load more","type":"number","default":"","condition":{"show_load_more":"true"}},{"name":"load_more_gap_top","label":"Load More Gap Top","description":"Add extra space at top of load more button","type":"number","default":0,"control_type":"responsive","selectors":{"{{WRAPPER}} .pxl-service-grid .load-more-wrap":"margin-top: {{VALUE}}px;"},"condition":{"show_load_more":"true"}},{"name":"load_more_gap_bottom","label":"Load More Gap Bottom","description":"Add extra space at bottom of load more button","type":"number","default":0,"control_type":"responsive","selectors":{"{{WRAPPER}} .pxl-service-grid .load-more-wrap":"margin-bottom: {{VALUE}}px;"},"condition":{"show_load_more":"true"}},{"name":"item_padding","label":"Item Padding","type":"dimensions","size_units":["px"],"default":{"top":"15","right":"15","bottom":"15","left":"15"},"selectors":{"{{WRAPPER}} .pxl-grid-inner":"margin-top: -{{TOP}}{{UNIT}}; margin-right: -{{RIGHT}}{{UNIT}}; margin-bottom: -{{BOTTOM}}{{UNIT}}; margin-left: -{{LEFT}}{{UNIT}};","{{WRAPPER}} .pxl-grid-inner .grid-item":"padding: {{TOP}}{{UNIT}} {{RIGHT}}{{UNIT}} {{BOTTOM}}{{UNIT}} {{LEFT}}{{UNIT}};"},"control_type":"responsive"},{"name":"gap_extra","label":"Item Gap Bottom","description":"Add extra space at bottom of each items","type":"number","default":0,"control_type":"responsive","selectors":{"{{WRAPPER}} .pxl-grid-inner .grid-item":"margin-bottom: {{VALUE}}px;"}},{"name":"layout_mode","label":"Layout Mode","type":"select","options":{"fitRows":"Basic Grid","masonry":"Masonry Grid"},"default":"fitRows"},{"name":"item_animation","label":"Item Motion Effect","type":"animation","condition":[]},{"name":"item_animation_duration","label":"Item Animation Duration","type":"select","default":"normal","options":{"slow":"Slow","normal":"Normal","fast":"Fast"},"condition":{"item_animation!":""}},{"name":"item_animation_delay","label":"Item Animation Delay","type":"number","min":0,"step":100,"condition":{"item_animation!":""}},{"name":"col_xs","label":"Extra Small &lt;= 575","type":"select","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3","":"Default Layout"}},{"name":"col_sm","label":"Small &lt;= 767","type":"select","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3","":"Default Layout"}},{"name":"col_md","label":"Medium &lt;= 991","type":"select","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3","":"Default Layout"}},{"name":"col_lg","label":"Large &lt;= 1199","type":"select","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3","":"Default Layout"}},{"name":"col_xl","label":"XL Devices &gt;= 1200","type":"select","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3","":"Default Layout"}},{"name":"col_xxl","label":"XXL Devices &gt;= 1400","type":"select","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3","":"Default Layout"}},{"name":"img_size","label":"Image Size","type":"text","default":"666x522","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))."},{"name":"grid_custom_columns","label":"Custom Items Columns","type":"repeater","controls":[{"name":"col_xs_c","label":"Extra Small &lt;= 575","type":"select","default":"1","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3"}},{"name":"col_sm_c","label":"Small &lt;= 767","type":"select","default":"2","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3"}},{"name":"col_md_c","label":"Medium &lt;= 991","type":"select","default":"2","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3"}},{"name":"col_lg_c","label":"Large &lt;= 1199","type":"select","default":"3","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3"}},{"name":"col_xl_c","label":"XL Devices &gt;= 1200","type":"select","default":"4","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3"}},{"name":"col_xxl_c","label":"XXL Devices &gt;= 1400","type":"select","default":"5","options":{"12":"12","6":"6","5":"5","4":"4","3":"3","2":"2","1":"1","1.5":"2\/3"}},{"name":"img_size_c","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))."},{"name":"item_c_animation","label":"Item Motion Effect","type":"animation","condition":[]},{"name":"item_c_animation_duration","label":"Item Animation Duration","type":"select","default":"normal","options":{"slow":"Slow","normal":"Normal","fast":"Fast"},"condition":{"item_c_animation!":""}},{"name":"item_c_animation_delay","label":"Item Animation Delay","type":"number","min":0,"step":100,"condition":{"item_c_animation!":""}}]}]},{"name":"style_section","label":"Style","tab":"content","controls":[{"name":"bg_color","label":"Background Color","type":"color","selectors":{"{{WRAPPER}} .pxl-service-grid.layout-2 .grid-item-inner":"background-color: {{VALUE}};"},"condition":{"layout":"2"}},{"name":"bg_overlay_color","label":"Background Overlay Color","type":"color","selectors":{"{{WRAPPER}} .pxl-service-grid .grid-item-inner:hover .pxl-overlay":"background-color: {{VALUE}};"}},{"name":"truncate_title","label":"Truncate Title","type":"switcher","return_value":"yes","default":"yes","condition":{"layout":"1"}},{"name":"title_color","label":"Title Color","type":"color","selectors":{"{{WRAPPER}} .pxl-service-grid .title":"color: {{VALUE}};"}},{"name":"title_typography","label":"Title Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-service-grid .title"},{"name":"desc_color","label":"Description Color","type":"color","selectors":{"{{WRAPPER}} .pxl-service-grid .desc":"color: {{VALUE}};"}},{"name":"desc_typography","label":"Description Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-service-grid .desc"}]}]}'; protected $styles = array( ); protected $scripts = array( 'imagesloaded','isotope' ); } Submit