carlosonweb’s gists

carlosonweb / bb-smooth-scroll.js

Created October 2, 2018 00:48

Beaver Builder Smooth Scrolling From Another Page

	/**
	*
	* Smooth Scrolling from another page.
	* To be paired with this code:
	* https://kb.wpbeaverbuilder.com/article/634-smooth-scrolling-tweaks-with-code
	*
	*/
	jQuery(document).ready(function($) {
	var hashLink = $(window.location.hash),
	offsetSize = $("header").innerHeight() + 40;

carlosonweb / bt-product-images-compatibility.php

Last active August 10, 2018 23:23

Code Snippets For Beaver Themer Product Images Compatibility With Other Plugins

	<?php
	// Compatibility issue with Elegant Product Gallery Zoon
	// https://www.silkypress.com/elegant-product-gallery-zoom/
	add_filter ( "fl_theme_builder_woocommerce_template_html_woocommerce_show_product_images", function ( $func ) {
	return 'load_product_gallery_template';
	} );

	function load_product_gallery_template() {
	if ( in_array( 'product-gallery-zoom/product-gallery-zoom.php', apply_filters( 'active_plugins', get_option( 'active_plugins' ) ) ) ) {
	include_once ABSPATH . '/wp-content/plugins/product-gallery-zoom/includes/gallery-template.php';

carlosonweb / bb-loop-query-args.php

Last active February 14, 2020 18:57

Beaver Builder Filter Hook: fl_builder_loop_query_args To Filter by Meta Keys

	/**
	* Add this to the child theme's functions.php file.
	*/
	add_filter( 'fl_builder_loop_query_args', function( $query_args ){
	$today = date( 'd.m.Y', time() );

	// Past ( today > start_date )
	if ( 'PAST_POST_MODULE_ID_HERE' == $query_args[ 'settings' ]->id ) {
	$query_args[ 'meta_query' ] = array(
	'key' => 'end_date',

carlosonweb / Puzzle-Full-Width-Template.php

Last active August 10, 2018 23:24

Beaver Builder Theme Full-Width Page Template for the Puzzle CPT

	<?php

	/*
	Template Name: Puzzle Full Width
	Template Post Type: puzzle

	*/

	get_header();

carlosonweb / row-attr.php

Created March 16, 2018 23:47

Add Row Custom Attributes To A Beaver Builder Row

	add_filter( 'fl_builder_row_attributes', function( $attrs, $row ){
	if ( $row->settings->id === 'ROW-ID-HERE' ){
	$attrs['data-THE-FIELD-HERE'] = 'THE-VALUE-HERE';
	}

	return $attrs;
	}, 10, 2 );

carlosonweb / 48380.php

Created February 27, 2018 00:00

Wrap in Custom Shortcode

	add_shortcode( 'paypal_buy_now' , function(){
	ob_start();
	?>
	<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" type="hidden" value="_s-xclick" /> <input name="hosted_button_id" type="hidden" value="FPVL6DHVC9KE8" />
	<select name="os0">
	<option value="Single Line">Single Line $25.00 USD</option>
	<option value="1/4 Page (4.5" x 2" or 2.25" x 4")">1/4 Page (4.5" x 2" or 2.25" x 4") $60.00 USD</option>
	<option value="1/2 Page (4.5" x 4")">1/2 Page (4.5" x 4") $115.00 USD</option>
	<option value="3/4 Page (4.5" x 6")">3/4 Page (4.5" x 6") $165.00 USD</option>
	<option value="Full Page (4.5" x 8")">Full Page (4.5" x 8") $225.00 USD</option>

carlosonweb / bb-clickble-col.js

Last active December 21, 2023 19:38

Make a BB Column Clickable

	/**
	* Makes a BB Column clickable.
	* Pre-requisite: There must be an A Tag contained within the column element.
	*/
	(function($){
	// Exit if BB layout is in edit mode.
	if ( 'undefined' != typeof window.FLBuilderConfig ) {
	return;
	}

carlosonweb / bt-sticky-on-mobile.js

Created November 17, 2017 03:17

Beaver Themer -- Set Header Layout to be Sticky on Mobile

	jQuery(document).ready(function($){
	if ( typeof window.FLBuilderConfig === 'undefined' \|\| window.FLBuilderConfig === null ) {
	$('header.fl-builder-content').addClass('fl-sticky-on-mobile')
	}
	});

	/**
	* The CSS for fl-sticky-on-mobile

	@media (max-width:992px){

carlosonweb / bb-nav-menu-hover-to-click.php

Last active October 14, 2024 05:45

On Beaver Builder Theme, prevent the Navigation Menu from displaying submenu items on hover and instead do it on click.

	<?php
	add_action('wp_footer', function(){
	if ( is_admin() ) return;
	?>
	<script id="remove-menu-hover">
	jQuery(document).ready(function($){
	setTimeout(function(){
	$('nav.fl-page-nav ul.navbar-nav > li.menu-item-has-children').off('mouseenter mouseleave');
	$('nav.fl-page-nav ul.navbar-nav > li.menu-item-has-children > a').on('click', function(event){
	event.preventDefault();

carlosonweb / vimeo-on-bb-row-no-loop.js

Created November 2, 2017 01:16

On a Beaver Builder Row Background Video, Prevent Vimeo Video From Looping

	jQuery(window).on('load', function(){
	var $ = jQuery,
	$vimeoPlayer = $('#micha-vimeo-bg-row .fl-bg-video').data('VMPlayer');

	$vimeoPlayer.setLoop(false);
	});

Carlos Velasco carlosonweb