zackpyle

<?php //ignore - only for formatting

// Adds the all assigned terms from 'fl-builder-template-category' into 'data-category' attribute
// You can target what you need by using a wildcard selector like [data-category*="your_category"]

add_filter( 'fl_render_content_by_id_attrs', function( $attrs, $post_id ) {  
    $terms = wp_get_post_terms($post_id, 'fl-builder-template-category');
    if (!is_wp_error($terms) && !empty($terms)) {
        $term_slugs = array();
        foreach ($terms as $term) {

zackpyle

Auto Play/Pause Vimeo/Youtube videos on Bootstrap modal open/close

If you are using Bootstrap modals and have Youtube or Vimeo videos inside of them, you can use js to auto play/pause the video when the modal is opened/closed.

There are three options below.

1. Vimeo using the Player SDK to pause/play
2. Youtube by removing/adding the src when closing and and adding &autoplay=1 when opening
3. Youtube by using the YouTube Player API, but you have to add the video via js to control it with the API

zackpyle

<?php //ignore - only for formatting

// Conditionally redirect 'press' post type to external link if set

// CPT = press
// Custom field -> point_this_content_to = (select field with 'internal' and 'external' as options)
// Custom field -> external_link = conditially displayed if point_this_content_to is set to 'external'


function redirect_external_link() {

zackpyle

<?php //ignore - only for formatting

add_filter( 'fl_module_upload_regex', function( $regex, $type, $ext, $file ) {
	$regex['photo'] = '#(jpe?g|png|gif|bmp|tiff?|webp|svg)#i';
	return $regex;
}, 10, 4 );

zackpyle

jQuery(document).ready(function ($) {
  $(".ff_has_multi_select").on("change", function (e) {
    var selectedItem = $(this).siblings("input.choices__input");

    selectedItem.attr("data-placeholder", selectedItem.attr("placeholder"));

    if (e.target.options.length > 0) {
      selectedItem.removeAttr("placeholder");
    } else {
      selectedItem.attr("placeholder", selectedItem.attr("data-placeholder"));

zackpyle

<?php // ignore this line - only for styling

function add_taxonomy_to_single( $classes ) {
    if ( is_single() ) {
        global $post;
        $my_terms = get_the_terms( $post->ID, 'insert_taxonomy_slug' );
        if ( $my_terms && ! is_wp_error( $my_terms ) ) {
            $classes[] = $my_terms[0]->slug;
        } 
    }

zackpyle

<?php // ignore this line - only for styling

function add_slug_body_class( $classes ) {
	global $post;
	if ( isset( $post ) ) {
		$classes[] = $post->post_type . '-' . $post->post_name;
	}
	return $classes;
}
add_filter( 'body_class', 'add_slug_body_class' );

zackpyle

Take the current user's wordpress role, and add it to the body class as role-[users role]

zackpyle

<?php //ignore this line - for git formatting

function delete_post_shortcode($atts) {
    $post_id = get_the_ID();

    // Check if the user is logged in and is the author of the post
    if (is_user_logged_in() && is_singular() && get_the_author_meta('ID') === get_current_user_id()) {
        ob_start();
        ?>
        <button type="button" id="delete-post-button">Delete</button>

zackpyle

You need a custom layout of images instead of an 'out of the box' gallery layout, but then you still want them clickable inside a lightbox with navigation buttons to go between images while staying inside the lightbox

Requirements:

1. Put your photos in a container/row with ID of #gallery
2. If you're using BB with photo modules, make sure Link Type is set to none in the module settings (not Lightbox)
3. Have magnificPopup enqueued. If you're using BB Theme, you can enable it in Customizer > Content > Lightbox. If not, you can enqueue it yourself
4. line 14 in the js is telling it to look at data-src to get the image URL - this is because I use lazy loading and this is where the URL is stored before loading. If you aren't using lazy loading, change line 14 to item.src = item.el.attr('src');

Customize as you need: https://dimsemenov.com/plugins/magnific-popup/documentation.html#gallery