In this video we follow Marc Dechèvre's sharing buttons alternate layout for Joomla 4.
00:00:00 - Intro, Sponsors & Setup
00:04:48 - Alternate Layouts Explained
00:08:01 - Step-by-Step Implementation
00:15:02 - Testing & Debugging
00:35:15 - Layout Customization
00:54:07 - Advanced Tweaks & Q&A
01:10:14 - Full Implementation Success
01:18:16 - Outro & Well Wishes
π Summary
-
Warm Welcome & Tribute
Opens with greetings, sponsor shoutout, and a heartfelt tribute to business coach Alex Shane. -
Alternate Layouts Explained
Uses a relatable βhome layoutβ analogy to introduce the concept of alternate layouts in Joomla. -
Objective: Sharing Buttons Layout
Sets the goal to create privacy-respecting, alternate-layout sharing buttons in Joomla 4. -
Two Methods to Build the Layout
Demonstrates two ways to createsharingbuttons.php
: manually via files or using Joomlaβs override interface. -
Code Source & Module Integration
Copies layout code from GitHub, then applies it through a custom HTML module and layout selector. -
Debugging & Browser Tools
Diagnoses alignment issues, tackles CSS override problems, and clears caching using Chrome/Firefox tools. -
Adding & Styling Buttons
Adds buttons like Pinterest, adjusts icon sizes viaviewBox
and CSS, and appliesmoduleclass_sfx
for scoped styling. -
Advanced Layout Options
Compares horizontal vs. vertical button styles and explains why certain CSS (likeuser.css
) may fail without proper validation. -
Viewer Interaction & Feedback
Responds to live viewer input from the Joomla community, sharing tips and solving layout issues collaboratively. -
Wrap-Up & Takeaways
Final demo of working buttons, guidance on when to use alternate layouts, subscriber milestone shoutout, and closing well wishes.
Please send any feedback or bug reports or queries to;
Contact Tim Davis βΊ
Joomla Training Cohort βΊ https://cybersalt.com/jtc
Add comment