adminadmin

Video Loading Screen

by

video loading screen, you can set Youtube, Vimeo or Hosted video
you can also change video to text or image if you want.

06.26c05v1 List Hover v3

List Hover v3

by

some tweak to list simple: hover image will show title, description, image, overlay, make item clickable

05.26c08v3 Well Gallery v2

Well Gallery v2

by

Recreate Well Slideshow style in Squarespace 7.1 with bottom left is Prev/Next + Caption text

06.26c01v12 Flip Icon Block

Flip Icon Block

by

adding Flip Icon Block as a block, you can enable/disable text, icon easier, you can also change space, columns, color, size….

06.26c05v3 Tags into Store

Tags into Store

by

add Tags into Store: above or under product name, you can set link or make it unclickable, you can set raw text or button style

06.26c01v8 Flip Icon Section

Flip Icon Section

by

flip icon section with team/list section simple, you can enable title, description, icon, you can enable/disable link

06.26c01v1 Carousel Image Block v2

Carousel Image Block v2

by

adding Carousel Image Block (in case your plan doesn’t support Gallery Block Carousel)
support options: columns (desktop/mobile), gap between images (desktop/mobile), trackpad scrolling, drag & swipe, keyboard navigation, autoplay,..

05.26c31v4 Portfolio Excerpt

Portfolio Excerpt

by

adding custom text/excerpt under Portfolio Title, you can set 1 line, 2 lines or 3 lines, you can choose p1, p2, p3, h4, h5, h6 style.

Plugin01 1 min

Portfolio Filter v2

by

adding category to Portfolio Page and make a category filter bar appears on top of Portfolio Page, you can set active filter item, make filter sticky…

Flip Image Block v2

Flip Image Block v2

by

Flip Effect on Image Blocks, you can choose show Title/Description/Image/Background Color on Front/Back (Flip). It also supports Flip behavior: Hover or Click. You can also add Link to Flip. You can change Title tag to h1, h2, h3, h4…

04.26c10v3(v2) Grid to Form Enquiry

Grid to Form v3

by

click enquire now will add gallery images to enquiry list, then users can submit and enter info in a enquiry form (version 3)

04.26c23v2 Flip Icon v2

Flip Icon v2

by

Initial: show background color, icon, title – Hover: show background color, title, description

04.26c29v4 Slideshow to Grid Toggle

Slideshow to Grid Toggle

by

Description slideshow with counter number and grid icon, click grid will change to grid view view demo – password: abc buy me a coffee (initial view) (click grid icon) #1. Install Code If you use Personal/Basic plan and your plan doesn’t support injection, see step #2.2. #1.1. First, add an Image Section (section with (i) … Read more

04.26c10v3(v2) Grid to Form Enquiry

Grid to Form Enquiry

by

click enquire now will add gallery images to enquiry list, then users can submit and enter info in a enquiry form

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

Buy me a coffee