[piotnetforms id=6466]

ACF Custom Block

AV Tip

The render template for this ACF Block was not found

ACF True/False

Beaver Themer Shortcodes

ACF True

ACF True –> Link opens a new tab

BB Accordions: close other accordion on click

Accordion 1

Item 1.1

Item 1.2

Item 1.3

Accordion 2

Item 2.1

Item 2.2

Item 2.3

Custom JS

jQuery(document).ready(function($){

    $('[class*="av-accordion"] .fl-accordion-button').click(function(e) {

        if ($(e.target).parents().hasClass('av-accordion-1')) {
            var target = 'av-accordion-2';
        } else {
            target = 'av-accordion-1';
        }
        
        console.log('target: ' + target);
        $(this).addClass('current'); // prevents recursive effect that also closes the last panel clicked
        $('.' + target + ' .fl-accordion-item-active .fl-accordion-button:not(.current)').trigger('click');
        $(this).removeClass('current');
        
    });

});

Custom CSS animation

where design meets art

Anime.js animation

where design meets art

https://animejs.com

BB Posts Table Layout

Title

WP GridBuilder Custom Template

Title	Category
Test article 12	Non classé FR
Test article 11	Test
Test article 10	Test \| Test Child
Test article 9	Test Child
Test article 8	Grid
Test article 7	Grid \| Test
Test article 6	Grid \| Test
Test article 5	Grid \| Test

Heading side lines

Why they are endangered

TablePress 2.0 Test

Shortcode 2

The Output:
OUI & PEUT-ÊTRE

Style buttons based on their content

Looking for the text "Click" or "sure" (case insensitive) in buttons label and add a class to the buttons found.

Custom JS

jQuery(document).ready(function($){
    
    var searchText1 = new RegExp('click', "i");
    var searchText2 = new RegExp('sure', "i");
    
    $('.av-button-group .fl-button-text').each(function () {
        if ( $(this).text().match(searchText1) || $(this).text().match(searchText2) ) {
            $(this).closest('.fl-button-group-button').addClass('av-custom-button');
            console.log('MATCH');
        }
    });
    
});

Custom CSS

.av-custom-button a {
    background-color: var(--red) !important;
}

Off-Canvas Custom Menu

JS Equal Height

Heading 2 lines
Heading 2 lines

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Adipiscing elit pellentesque habitant morbi.

Heading 1 line

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Adipiscing elit pellentesque habitant morbi.

Heading 1 line

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Adipiscing elit pellentesque habitant morbi.

Custom JS

jQuery(document).ready(function($) {
    
    $.fn.equalHeights = function(){
        var max_height = 0;
        $(this).each(function() {
            max_height = Math.max($(this).height(), max_height);
        });
        $(this).each(function() {
            $(this).height(max_height);
        });
    };
    
    $(".av-js-equal-height").equalHeights();
    
});

Shortcode with a parameter set from the URL

Using Loops & Logic to fetch the current page slug
[my_test_shortcode url="<Route part=-1 />"]

Returns the current page slug: test-page-26

Loops & Logic Slider from ACF Repeater

Image 1

Image 2

Image 3

Test Page 26

ACF Custom Block

AV Tip

ACF True/False

ACF True

BB Accordions: close other accordion on click

Accordion 1

Accordion 2

Custom CSS animation

where design meets art

Anime.js animation

where design meets art

BB Posts Table Layout

WP GridBuilder Custom Template

Heading side lines

Why they are endangered

Why they are endangered

TablePress 2.0 Test

Shortcode 2

Style buttons based on their content

Off-Canvas Custom Menu

JS Equal Height

Heading 2 lines Heading 2 lines

Heading 1 line

Heading 1 line

Shortcode with a parameter set from the URL

Loops & Logic Slider from ACF Repeater

Heading 2 lines
Heading 2 lines