Labels über FacetWP Facets platzieren

Mit wenigen Zeilen JavaScript-Code kann man die Lavels von FacetWP Facets über den Facets platzieren. Einfach den nachfolgenden Code in die functions.php des Themes oder in ein eigenes Plugin packen:

function wpkb_add_facet_labels()
{
    ?>
    <script> (function ($) {
            $(document).on('facetwp-loaded', function () {
                $('.facetwp-facet').each(function () {
                    var facet_name = $(this).attr('data-name');
                    var facet_label = FWP.settings.labels[facet_name];
                    if ($('.facet-label[data-for="' + facet_name + '"]').length < 1) {
                        $(this).before('<h3 class="facet-label" data-for="' + facet_name + '">' + facet_label + '</h3>');
                    }
                });
            });
        })(jQuery); </script> <?php }

add_action('wp_head', 'wpkb_add_facet_labels', 100);

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.