File Content: class-pxl-links.php <?php class PxlLinks_Widget extends Pxltheme_Core_Widget_Base{ protected $name = 'pxl_links'; protected $title = 'PXL Links'; protected $icon = 'eicon-editor-link'; 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_links-1.jpg"},"2":{"label":"Layout 2","image":"http:\/\/localhost\/plexify\/wp-content\/themes\/plexify\/elements\/assets\/imgs\/pxl_links-2.jpg"}},"prefix_class":"pxl-links-layout-"}]},{"name":"section_content","label":"Content","tab":"content","controls":[{"name":"selected_icons","label":"Icon","type":"icons","fa4compatibility":"icon"},{"name":"links","label":"Link items","type":"repeater","controls":[{"name":"selected_icon","label":"Icon","type":"icons","fa4compatibility":"icon"},{"name":"text","label":"Text","type":"text","label_block":true},{"name":"link","label":"Link","type":"url","label_block":true,"description":"CSS ID Class, can be set section or column CSS ID option"},{"name":"class","label":"Class","type":"text"}],"default":[{"text":"Our News","link":{"url":"#","is_external":"on"},"class":""}],"title_field":"{{{ text }}}","condition":{"layout":["1","2"]}}]},{"name":"section_style_link","label":"Link","tab":"style","controls":[{"name":"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-links":"justify-content: {{VALUE}};"}},{"name":"item_row_gap","label":"Item Row Gap","type":"slider","control_type":"responsive","size_units":["px","em","rem"],"range":{"px":{"max":200}},"selectors":{"{{WRAPPER}} .pxl-links":"row-gap: {{SIZE}}{{UNIT}}"}},{"name":"item_column_gap","label":"Item Column Gap","type":"slider","control_type":"responsive","size_units":["px","em","rem"],"range":{"px":{"max":200}},"selectors":{"{{WRAPPER}} .pxl-links":"column-gap: {{SIZE}}{{UNIT}}"}},{"name":"link_color","label":"Color","type":"color","control_type":"responsive","selectors":{"{{WRAPPER}} .pxl-links a":"color: {{VALUE}};"}},{"name":"link_color_hover","label":"Color Hover","type":"color","control_type":"responsive","selectors":{"{{WRAPPER}} .pxl-links a:hover, {{WRAPPER}} .pxl-links li.active a":"color: {{VALUE}};"}},{"name":"link_typography","label":"Typography","type":"typography","control_type":"group","selector":"{{WRAPPER}} .pxl-links a, {{WRAPPER}} .pxl-links.layout-4 li a span"},{"name":"icon_color","label":"Icon Color","type":"color","selectors":{"{{WRAPPER}} .pxl-links a .pxl-icon":"color: {{VALUE}};","{{WRAPPER}} .pxl-links a svg path":"fill: {{VALUE}};"},"condition":{"layout":"1"}},{"name":"icon_fontsize","label":"Icon Size (px)","type":"number","selectors":{"{{WRAPPER}} .pxl-links a .pxl-icon":"font-size: {{VALUE}}px;","{{WRAPPER}} .pxl-links a svg":"width: {{VALUE}}px;"},"condition":{"layout":"1"}},{"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-links li .pxl-icon i, {{WRAPPER}} .pxl-links li svg":"transform: rotate({{SIZE}}{{UNIT}});"}},{"name":"icon_space_right","label":"Icon Space Right","type":"slider","size_units":["px"],"control_type":"responsive","range":{"px":{"max":200}},"selectors":{"{{WRAPPER}} .pxl-links li .pxl-icon, {{WRAPPER}} .pxl-links li svg":"margin-right: {{SIZE}}{{UNIT}};"}},{"name":"show_icon_on_hover","label":"Show icon on hover","type":"switcher","condition":{"layout":"1"}},{"name":"show_icon","label":"Display Icon","type":"select","control_type":"responsive","default":"","options":{"":"Default","none":"Hide"},"selectors":{"{{WRAPPER}} .pxl-links li .pxl-icon, {{WRAPPER}} .pxl-links li svg":"display: {{VALUE}};"}},{"name":"divider_border","label":"Divider Border","type":"select","options":{"no":"No","yes":"Yes"},"default":"no","condition":{"layout":"2"}}]}]}'; protected $styles = array( ); protected $scripts = array( ); } Submit