Portfolio
Portfolio

Better Overlapping Review Slider

Enhance Your Elementor Design with an Overlapping Review Slider LuffyCaptain Yamero!!! BrookMusician Yo-hohoho, Yo-hohoho Yo-hohoho, Yo-hohoho Yo-hohoho, Yo-hohoho Yo-hohoho, Yo-hohoho Binkusu no sake wo, todoke ni yuku yo Umikaze kimakaze namimakase Shio no mukou de, yuuhi mo sawagu Sora nya wa wo kaku, tori no uta Sayonara minato, Tsumugi no sato yo DON to icchou utao, funade no uta Kinpa-gimpa mo shibuki ni kaete Oretachya yuku zo, umi no kagiri Binkusu no sake wo, todoke ni yuku yo Warera kaizoku, umi watteku Nami wo makura ni, negura wa fune yo Ho ni hata ni ketateru wa dokuro Arashi ga kita zo, senri no sora ni Nami ga odoru yo, DORAMU narase Okubyoukaze ni fukakerya saigo Asu no asahi ga nai jo nashi Yo-hohoho, Yo-hohoho Yo-hohoho, Yo-hohoho Yo-hohoho, Yo-hohoho Yo-hohoho, Yo-hohoho Binkusu no sake wo, todoke ni yuku yo Kyou ka asu ka to yoi no yume Te wo furu kage ni, mou aenai yo Nani wo kuyokuyo, asu mo tsukuyo Binkusu no sake wo, todoke ni yuku yo DON to icchou utao, unaba wo uta Douse dare demo itsuka wa hone yo Hatenashi, atenashi, waraibanashi Yo-hohoho, Yo-hohoho Yo-hohoho, Yo-hohoho Yo-hohoho, Yo-hohoho Yo-hohoho, Yo-hohoho ZoroVice Captain Santoryou! Oni! Giri! ChopperDoctor Seasickness is a result of a conflict in the inner ear, where the human balance mechanism resides, and is caused by a vessel’s erratic motion on the water. Inside the cabin of a rocking boat, for example, the inner ear detects changes in both up-and-down and side-to-side acceleration as one’s body bobs along with the boat. But, since the cabin moves with the passenger, one’s eyes register a relatively stable scene. Agitated by this perceptual incongruity, the brain responds with a cascade of stress-related hormones that can ultimately lead to nausea, vomiting, and vertigo. SanjiCook Nami Swan! Better Overlapping Review Slider Enhance Your Elementor Design with an Overlapping Review Slider Looking to make your testimonials or reviews stand out? An Overlapping Review Slider for Elementor adds a sleek, modern touch to your website. With a bit of CSS magic, you can create a dynamic effect where reviews overlap slightly, creating a layered, eye-catching look. This design not only improves aesthetics but also enhances user engagement by making the slider more interactive and visually appealing. Perfect for showcasing customer feedback in a way that grabs attention and boosts credibility! 🚀✨ The Widget Widget Configuration CSS (adjust to your liking) @media only screen and (min-width: 1100px) {    selector .elementor-main-swiper{      padding-top: 50px;      padding-bottom: 80px;    }     selector .swiper-slide {      transition-duration: 300ms;    }     selector .swiper-slide-next,.swiper-slide-duplicate-next {      transform: scale(1.2);      transition-duration: 300ms;      z-index: 999;    } }

Better Delete Validation

Prevent Costly Mistakes: Always Validate Deletions Subheading 1 UI Design Tipsby jeromemosca.com Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Edit Archive Delete Subheading 2 UI Design Tipsby jeromemosca.com Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Are You Sure? No. I’ll keep it. Yes, Delete Forever. Better Delete Validation Prevent Deletion Mistakes: Always Validate Users misclick all the time, and accidental deletions can lead to frustration and lost data. A simple confirmation step—whether inline, via a popup, or an undo option—can prevent irreversible mistakes and improve user experience. If an undo feature isn’t feasible due to technical limitations, ensure your UI includes a clear validation prompt before finalizing deletions. A small safeguard can make a big difference!

Better Link Button

Better Link Buttons: Clarity & Visibility Matter Subheading UI Design Tipsby jeromemosca.com Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. View This Article Subheading UI Design Tipsby jeromemosca.com Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. View This Article Make Your Links Stand Out for Better UX! 🔗✨ Links play a crucial role in navigation, but their appearance matters just as much as their placement. A simple text link might get overlooked, especially if it’s not in a header, footer, or article body. 💡 When should you use a button instead of a link?✔ If the action is important (e.g., “Sign Up” or “Get Started”)✔ If you want it to be highly visible and engaging✔ If it triggers an interaction rather than just navigating Regardless of whether it’s a link or a button, always ensure the text is clear and action-driven—it should hint at what happens next! Instead of a vague “Click Here”, try “Download the Guide” or “Explore Features”. A well-designed and well-worded link improves usability and guides users effortlessly. 🚀

WooCommerce Cart Dynamic Tags for Elementor by

by codedesign.tips && jeromemosca.com WooCommerce Cart Dynamic Tags for Elementor Version 1.1 Download Plugin 🚀 Exciting News – My First WordPress Plugin! 🎉 I’m thrilled to introduce: WooCommerce Cart Dynamic Tags for Elementor – a plugin I built to enhance how cart items can be used within Elementor’s dynamic tags. 💡 What does it do? Makes cart items accessible as dynamic tags in Elementor. Allows displaying cart contents anywhere – headers, text, etc. Designed especially for catalog websites, enabling cart items to be included in an inquiry form as a hidden field, so admins receive the selected products in inquiries. Includes a custom Elementor widget to display cart items in text format (Product Name × Quantity). This was a fun project to build, and I hope it helps others looking to improve their WooCommerce + Elementor experience! 🔥 The Plugin Details The Dynamic Tag Used for Heading Used for Form The Widget Updates Version 1.0 Built to enhance how cart items can be used within Elementor’s dynamic tags. 💡 What does it do? Makes cart items accessible as dynamic tags in Elementor. Allows displaying cart contents anywhere – headers, text, etc. Designed especially for catalog websites, enabling cart items to be included in an inquiry form as a hidden field, so admins receive the selected products in inquiries. Includes a custom Elementor widget to display cart items in text format (Product Name × Quantity). Download Version 1.0 Version 1.1 🔹 Improved Elementor Widget – The custom Elementor widget for displaying cart items in text format (Product Name × Quantity) now wraps each part in separate <span> elements: Product Name: <span> Product Quantity: <span> 🔹 Enhanced WooCommerce Dynamic Tags – Similarly, WooCommerce Cart Items dynamic tags now use these dedicated <span> classes for better styling control. 🎨 New Styling Flexibility – You can now apply custom styles separately to product names and quantities using the respective CSS classes. Update now and take full control over your cart item display styling! 🚀 Download Version 1.1

Theme Builder Single Product Template Not Showing

Elementor Theme Builder Single Product Template Not Showing? Here’s the Fix If you’re using Elementor’s Theme Builder for a Single Product Template and it’s not displaying correctly for guest users (instead showing a “Coming Soon” page), you’re not alone! I recently faced this issue and tried multiple troubleshooting steps, including: 🔸 Clearing Cache🔸 Checking Template & Theme🔸 Reviewing WooCommerce Templates🔸 Creating a New Single Product Template🔸 Disabling Other Plugins🔸 Updating Everything ❓ The Fix?Head to WooCommerce > Settings > Site Visibility and switch it from “Coming Soon” to “Live.” ✅ 🎯 You have: This Shows on the Product page when logged out: The Cause: The Fix: Result:

Better Delete Pop up

Improve Delete Pop up Clarity Delete Product Are you sure you want to delete this product PERMANENTLY? No Yes Delete Product Are you sure you want to delete this product PERMANENTLY? No, Keep it Yes, Delete Make Your Buttons More Effective! Buttons should be more than just clickable elements—they should clearly communicate actions. Avoid vague labels like “Yes” or “No”, as they can leave users uncertain about what happens next. Instead, use clear, action-oriented text that provides context. For example:✅ “Save Changes” instead of “Yes”✅ “Cancel Subscription” instead of “No” A well-labeled button improves usability and enhances user experience. Small details make a big difference!