adminadmin

Audio Directory

by

Description list (team) section with play icon, click play will play mp3 audio view demo – password: abc my friend code this, you can buy her a coffee #1. Install Code #1.1. Business Plan/higher If you use Business Plan (Core Plan) or higher, you can follow these steps. First, add a List (Team) Section (section … Read more

02.26c22v5 Left Menu – Middle Logo – Right Menu

by

Description left menu – middle logo – right menu If header uses Logo, use this code <script> document.addEventListener(‘DOMContentLoaded’, function(){ const nav = document.querySelector(‘.header-display-desktop nav.header-nav-list’); const logoWrapper = document.querySelector(‘.header-display-desktop .header-title-logo’); const logoAnchor = logoWrapper ? logoWrapper.querySelector(‘a’) : null; if(!nav || !logoWrapper || !logoAnchor) return; const items = Array.from(nav.querySelectorAll(‘.header-nav-item’)); const half = Math.ceil(items.length / 2); const leftItems … Read more

Section Loader Supreme CSS code

by

Some useful code for plugin Section Loader Supreme. #1. Make Carousel image clickable + hide button Add to Footer Injection, change section ID in the code <script> (function() { var CONFIG = { sections: [ ‘section[data-section-id=”69953a1d06742a256cbcc026″]’ ] }; function injectCSS() { var selectors = CONFIG.sections.map(function(sel) { return sel + ‘ .list-item-content__button-container’; }).join(‘, ‘); var style … Read more

by

<!– Move elements on mobile – need to check on real mobile –> <script> (function() { const moveConfig = [ { elementToMove: ‘div#block-yui_3_17_2_1_1770496004545_25124’, targetElement: ‘div#block-6e8e9995adc050cecb2e’, position: ‘after’ } ]; function moveBlocks() { if (window.innerWidth <= 767) { moveConfig.forEach(config => { const blockToMove = document.querySelector(config.elementToMove); const targetBlock = document.querySelector(config.targetElement); if (blockToMove && targetBlock && !blockToMove.hasAttribute(‘data-moved’)) { … Read more

Click button – trigger notification email

by

Description: Click button – Also trigger notification email Idea: Adding Form Block under Button, then trigger form submit on button click #1. Install Code First, adding a Form Block under Button with Hidden Field only Enter default value Hover on Page where you use Button/Form > Click Gear icon Paste this code <!– @tuanphan – … Read more

Change section every 2 hours

by

Description: Change section every 2 hours Use code under Section Loader Plugin code <style> .wm-home-hidden { display: none !important; } </style> <script> const CONFIG = { sourcePage: ‘/home-alt’, updateInterval: 7200 }; (async function() { const SECONDS_MS = CONFIG.updateInterval * 1000; function isHomePage() { return window.location.pathname === ‘/’ || window.location.pathname === ‘/home’; } if (!isHomePage()) return; … Read more

Custom Table Plugin

by

#1. Sticky first 5 columns <style> .custom-filter-container .custom-table-block { position: relative; –tbl-border: rgba(203, 203, 203, 1); –header-bg: rgba(48, 61, 77, 1); –header-color: rgba(250, 249, 249, 1); –body-bg: rgba(255, 255, 255, 1); overflow-x: auto; -webkit-overflow-scrolling: touch; } .custom-filter-container .custom-table-block th.is-sticky-col, .custom-filter-container .custom-table-block td.is-sticky-col { position: sticky; left: var(–sticky-left, 0px); z-index: 2; background-clip: border-box !important; border-bottom: 1px … Read more

Custom Drawer Cart Plugin

by

These code for Custom Drawer Plugin by @Michael #1. Click link – trigger Custom Drawer Cart Popup <!– Trigger Cart popup on clicking Cart link –> <script> window.addEventListener(‘load’, function() { setTimeout(function() { var customCartLinks = document.querySelectorAll(‘.html-block a[href=”/cart”]’); var mainCartIcon = document.querySelector(‘#floatingCart a[href=”/cart”]’); if (mainCartIcon) { customCartLinks.forEach(function(link) { link.addEventListener(‘click’, function(e) { e.preventDefault(); e.stopPropagation(); mainCartIcon.click(); return false; … Read more

Carousel Image Block

by

add a Carousel Image Block with features: different image width, lightbox, custom arrow, different number images,…

Sticky text

by

text sticky across multiple sections, text pulls from Page title

Buy me a coffee