wplit

<script>
  
document.addEventListener('DOMContentLoaded', () => {

    const mediaPlayer = '.my-media-player-element'; /* media player class */
    const mediaPlayList = '.my-playlist-element'; /* media playlist class */

    if (!mediaPlayer || !mediaPlayList) return;

    const player = document.querySelector(mediaPlayer);

wplit

<script>
  
document.addEventListener('DOMContentLoaded', () => {
  
  const accordion = document.querySelector('.my-accordion'); /* change .my-accordion to the class of the accordion element */
  if (!accordion) return;

  const updateAccordion = el =>
    el.querySelectorAll('.x-accordion_item').forEach(item => {
      const btn = item.querySelector('.x-accordion_header');

wplit

<?php

// Add a custom column to display favorite count of each post
add_filter('manage_post_posts_columns', 'add_favorited_users_column');
function add_favorited_users_column($columns) {
	
    $columns['favorited_users'] = 'Favorited Count';
    return $columns;
}

wplit

<script>

/**
 * Helper function to sort Dynamic Table programmatically
 */
function sortDynamicTable(tableId, columnIndex, direction = 'asc') {
  
  const mytable = xTable?.Instances?.[tableId];
  if (!mytable) { return; }

wplit

/* hide variant container, quantity, price */
%root% .fc-product-variants,
%root% .fc-product-quantity-container,
%root% .fc-product-item-price {
    display: none!important;
}

/* 

// optionally hide the buy now button 

wplit

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

  let carouselSelector = '.my-carousel';   /* change to class of your carousel element */
  
  /* get the flickity instance to control the carousel */
  let $carousel = $(carouselSelector).find($(carouselSelector).children().data('carousel'));
  let flkty = $carousel.data('flickity');
  
  
  // 1. Update aria-current on image as carousel moves -----

wplit

<script>

document.addEventListener('DOMContentLoaded', () => {

    const accordionSelector = '.my-accordion';  /* selector for pro accordion element */
    const textSelector = '.my-text';            /* selector for element inside accordion item where the texts should change */
    const openText = 'open'                     /* the text to add when accordion item opened */
    const closedText = 'closed'                 /* the text to add when accordion item closed */

    function updateAccordionTexts(accordion) {

wplit

<script>

document.addEventListener("DOMContentLoaded", () => {

  const currentLang = document.documentElement.lang; 

  document.querySelectorAll(".brxe-xmediaplayer").forEach((player, index) => {

    player.addEventListener("loaded-metadata", () => {

wplit

<script>

document.addEventListener("DOMContentLoaded", () => {

    const buttonSelector = ".my-download-button"; 	/* change to the selector for your download button */
    const qrCodeSelector = ".my-qr-code"; 			/* change to the selector for your qr code element */
    const svgFileName = "my-qr-code";			    /* change to desired file name for the SVG to download */

  
    const button = document.querySelector(buttonSelector);

wplit

<script>

window.WP_Grid_Builder && WP_Grid_Builder.on('init', function(wpgb) {

    /* listen for appended event, as per WPGB docs */
    wpgb.facets.on('appended', () => {
      
      xCloseModal( 'modal-1' ) /* change modal-1 with the ID of your modal element to close it */
      
    })