Hide and Show Div based on Filter | Jetsmartfilters

PHOTO

Mon Apr 15 2024 19:02:38 GMT+0000 (Coordinated Universal Time)

Saved by @Y@sir #jetsmartfilters #filter

<style>

    body:not(.elementor-editor-active) .hide-listing {
        display: none;
        height: 0;
    }
    
</style>

<script>

	document.addEventListener( 'jet-smart-filters/inited', function( initEvent ) {
		
		function hideProvider( $provider, parentSelector ) {
			$provider.closest( parentSelector ).addClass( 'hide-listing' );
		}
		
		function showProvider( $provider, parentSelector ) {
			$provider.closest( parentSelector ).removeClass( 'hide-listing' );
		}
		
		jQuery( function( $ ) {
			
			for ( const groupName in window.JetSmartFilters.filterGroups ) {
				
				const filterGroup = window.JetSmartFilters.filterGroups[ groupName ],
				      $provider   = filterGroup?.$provider,
				      query       = filterGroup?.currentQuery || {};
					
				if ( ! $provider.closest('.hide-before-filter')?.length ) {
					return;
				}
				
				if ( ! Object.keys( query ).length ) {
					hideProvider( $provider, '.hide-before-filter' );
				} else {
					showProvider( $provider, '.hide-before-filter' );
				}
				
			}
			
			window.JetSmartFilters.events.subscribe( 'ajaxFilters/updated', function( provider, queryId ) {
				
				const filterGroup = window.JetSmartFilters.filterGroups[ provider + '/' + queryId ],
				      $provider   = filterGroup.$provider,
				      query       = filterGroup.currentQuery || {};
				
				if ( ! Object.keys( query ).length ) {
					hideProvider( $provider, '.hide-before-filter.hide-on-reset' );
				} else {
					showProvider( $provider, '.hide-before-filter' );
				}
				
			} );
		
		} );
	
	} );
	
</script>

COPY

Save snippets that work from anywhere online with our extensions

Comments

WordPress

@Y@sir

Allow SVG Files Upload WordPress Dark Mode Dashboard Interactive Toggle for Full and Half Details Sections with Slick Button Integration Get Current Year in php Update all posts by selecting a specific field type. Monarch Plugin | Social Share icons with Short-code assign the specific term from the "specific" taxonomy to all "specific-post-type" posts with the "sepecific-field-option" option selected. Hide and Show Div based on Filter | Jetsmartfilters Hide something when use filter

JavaScript

@Y@sir

Interactive Toggle for Full and Half Details Sections with Slick Button Integration Hide and Show Div based on Filter | Jetsmartfilters Hide something when use filter

Jetsmartfilters

@Y@sir

Hide something when use filter Hide and Show Div based on Filter | Jetsmartfilters

#wordpress #php #stock #quantity #filter

Filter get_stock_quantity method for WooCommerce products

add_filter( 'woocommerce_product_get_stock_quantity' ,'custom_get_stock_quantity', 10, 2 );
add_filter( 'woocommerce_product_variation_get_stock_quantity' ,'custom_get_stock_quantity', 10, 2 );
function custom_get_stock_quantity( $value, $product ) {
    $value = 15; // <== Just for testing
    return $value;
}

#pandas #filter

Pandas data frame filter column names regex

# importing pandas as pd 
import pandas as pd 
  
# Creating the dataframe  
df = pd.read_csv("nba.csv") 
  
# Using regular expression to extract all 
# columns which has letter 'a' or 'A' in its name. 
df.filter(regex ='[aA]')

#pandas #filter #column

Pandas filter dataframe columns

# applying filter function 
df.filter(["Name", "College", "Salary"])

#pandas #isin #filter

Filter column using isin Pandas

c3 = pd.Series(['China', 'US'])
df[df['countries'].isin(c1)]

#array #react.js #javascript #react #filter #map

Filter, then map an array : React

import React from 'react';

const names = ['James', 'John', 'Paul', 'Ringo', 'George'];

function App() {
  return (
    <div>
      {names.filter(name => name.includes('J')).map(filteredName => (
        <li>
          {filteredName}
        </li>
      ))}
    </div>
  );
}

export default App;

#array #react.js #javascript #react #filter #map

Filter an Array of Objects by Value: React

import React from 'react';

const people = [
  {
    name: 'James',
    age: 31,
  },
  {
    name: 'John',
    age: 45,
  },
  {
    name: 'Paul',
    age: 65,
  },
  {
    name: 'Ringo',
    age: 49,
  },
  {
    name: 'George',
    age: 34,
  }
];

function App() {
  return (
    <div>
      {people.filter(person => person.age < 60).map(filteredPerson => (
        <li>
          {filteredPerson.name}
        </li>
      ))}
    </div>
  );
}

export default App;

#powershell #filter

How to Use PowerShell Where-Object to Filter All the Things

Get-Service | Where-Object -FilterScript {$_.StartType -EQ 'Automatic'}

#swift #filter #array #ios

filter an array in Swift

To Filter Model Array:

var filteredItems = unfilteredItems.filter { $0.cat == "garden" }

Arrange :

self.chatModelArray = self.chatModelArray.sorted { $0.time == $1.time }

To Filter name : 

var filteredItems = unfilteredItems.filter { $0.name.localizedCaseInsensitiveContains(textField.text ?? "") }

To Filter an Array:

let result = arr.filter {$0.contains("ali")}

#wordpress #php #stock #quantity #filter

WooCommerce - Custom Admin Order Line Item Functionality

/**
*   WooCommerce woocommerce_order_item_line_item_html action hook registeration.
*/
add_action('woocommerce_order_item_line_item_html', 'woocommerce_order_item_line_item_html', 1, 3);


/**
* Callback Listener for customised line item functionality in the admin.
*/
function woocommerce_order_item_line_item_html($item_id, $item, $order){
    // Add your custom line item functionality.
    // A good example would be order fulfillment for a line item.
}

#powerautomate #sharepoint #filter

Filter Get Items based on date Column

CheckOutFrom eq '@{formatDateTime(utcNow(), 'yyyy-MM-dd')}'

#sharepoint #filter #powerapps

Set a variable with the current users first name, from the currentUser variable

Set(currentUser, User()); //require for the on start property

Set(varFirstName, Trim(Last(FirstN(Split(currentUser.FullName," "), 1)).Result))

#powerapps #filter #sortby

Show newly created items first / sort by most recent entry, will only show items created today

Sort(Filter('YouTube Resources', Text(Created,"mm/dd/yyyy") = Text(Today(),"mm/dd/yyyy")), Created,Descending)

#wordpress #acf #require #field #conditionally #filter

Conditionaly require field based on another field in ACF WordPress

<?php

add_filter( 'acf/validate_value/name=property_size', 'validate_property_size_field', 10, 4 );

function validate_property_size_field( $valid, $value, $field, $input ){

  // bail early if value is already invalid
  if ( ! $valid ) { return $valid; }

  $property_type = $_POST['acf']['field_5f0aa92348bb6'];

  if ( $property_type == 'Rent' ){
    if ( ! $value ) {
      $valid = __( 'This field is required for Rental Properties' );
    }
  }

  return $valid;

}

#reduce #array #map #filter

Dynamic Filter - buttons



//get list of buttons and make sure there are no duplicates

function displayButtons(){
    const companies = products.reduce((total, item) => {
       total.push(item.company)
       total = [...new Set(total)]
       return total
    },['All'])
 
    const buttons = companies.map((item) => {
       return `<button class="company-btn">${item}</button>`
    }).join('')
 
    buttonsContainer.innerHTML = buttons
 
 }


 // or we could do this...
 const someBtns = ['all',...new Set(products.map((product) => product.company)),];  
  console.log(someBtns)

#javascript #array #filter #object

filter objects in array

const friends = [
  { name: "Abby", age: 22 },
  { name: "Boby", age: 16 },
  { name: "Coel", age: 20 },
  { name: "Dany", age: 15 }
];

//who can drink?
friends.filter(friend => friend.age >= 18);

Hide and Show Div based on Filter | Jetsmartfilters

Save snippets that work from anywhere online with our extensions

Comments

More like this

WordPress

JavaScript

Jetsmartfilters

Browse more snippets >>

Hide and Show Div based on Filter | Jetsmartfilters

Save snippets that work from anywhere online with our extensions

Comments

More like this

WordPress

JavaScript

Jetsmartfilters

Browse more snippets >>

Embed code snippet