Uncategorized

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

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

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

Sticky text

by

text sticky across multiple sections, text pulls from Page title

Buy me a coffee