如何将数据添加到 Elementor 切换小部件

Question

我正在使用 Elementor Pro 3.13.2，并且我已将切换小部件添加到我的页面之一。

切换开关的 ID 为“dlista”，并通过“高级”选项卡分配为 CSS ID。

现在，我想做的是从我的插件填充数据。我并没有尝试编辑小部件本身，也没有尝试创建自己的小部件。

我将数据存储在 mysql 表中，我根据某些标准获取这些数据。我在获取数据时没有任何问题，但我很难理解如何使用我获取的数据填充切换小部件。 mysql 查询中的每一行作为一个单独的切换条目。

有人可以提供一个例子或帮助我实现这一目标吗？我就是想不通..

提前谢谢您。

Answer 1

function add_custom_items_to_toggle_widget_elementor($items, $widget) {
    
    if ('toggle' === $widget->get_name()) {
        
        $new_items = array(
            array(
                'title' => 'Item 1',
                'content' => 'Item 1 content',
                'active' => false,
            ),
            array(
                'title' => 'Item 2',
                'content' => 'Item 2 content',
                'active' => false,
            ),
            
        );

        $items = array_merge($items, $new_items);
    }

    return $items;
}
add_filter('elementor/widget/toggle/section_items', 'add_custom_items_to_toggle_widget_elementor', 10, 2);
    

您可以将其添加到主题的functions.php 文件中。

Answer 2

function add_custom_items_to_toggle_widget_elementor($items, $widget) {
    
    if ('toggle' === $widget->get_name() && 'toggle-widget-id-here' === $widget->get_id()) {
        
        $new_items = array(
            array(
                'title' => 'Item 1',
                'content' => 'Item 1 content',
                'active' => false,
            ),
            array(
                'title' => 'Item 2',
                'content' => 'Item 2 content',
                'active' => false,
            ),
            // Add more items as needed
        );

        // Merge the new items with the existing ones
        $items = array_merge($items, $new_items);
    }

    return $items;
}
add_filter('elementor/widget/toggle/section_items', 'add_custom_items_to_toggle_widget_elementor', 10, 2);

试试这个代码。

使用下面的代码获取小部件 ID。 $widget_id = $widget->get_id();