Wicky Design
Wicky Design
  • 539
  • 2 335 714
Display Filters in a Popup (JetSmartFilters & JetPopup)
In this Crocoblock tutorial I will show you how to create a filters popup.
Get Elementor:
wickydesign.com/get-elementor
Get JetSmartFilters:
crocoblock.com/plugins/jetsmartfilters/?ref=2562
Get JetPopup:
crocoblock.com/plugins/jetpopup/?ref=2562
Timestamps:
0:00 Introduction
0:46 Setup JetSmartFilters
1:13 Create JetPopup
3:13 Add Apply Filter Button
4:05 Add Remove Filter Button
#crocoblock #jetsmartfilters #elementortutorial
Our Recommended Tools
Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!
WORDPRESS PLUGINS:
✔️ Elementor: wickydesign.com/get-elementor
✔️ Crocoblock: crocoblock.com/?ref=2562
✔️ Ultimate Add Ons: ultimateelementor.com/pricing/?campaign=UE&bsf=8362
BUSINESS TOOLS:
✔️ Dubsado: www.dubsado.com/?c=wickydesign
✔️ Wave: waveapps.com/
WEBSITE HOSTING:
✔️ KnownHost: www.knownhost.com/?aid=71319c26
------
For more information regarding our web design and branding services, please visit wickydesign.com
zhlédnutí: 657

Video

How to Convert HEIC to JPG on Windows
zhlédnutí 79Před měsícem
In this tutorial I will show you how to open .HEIC files on a Windows machine. Are you getting the message "Additional non Adobe software is needed to open .HEIC files" when trying to open .HEIC with Photoshop? A solution to this problem is to open the .HEIC with Adobe Lightroom instead. Another solution is to use a free online .HEIC to .JPG converter: heictojpg.com/ Timestamps: 0:00 Introducti...
Build and Update Dynamic Menus Easily (JetEngine & Elementor)
zhlédnutí 271Před měsícem
In this JetEngine tutorial I will show you how to create a dynamic menu that's easy to update. Get JetEngine: crocoblock.com/plugins/jetengine/?ref=2562 Get Elementor: wickydesign.com/get-elementor Timestamps: 0:00 Introduction 1:09 Create Custom Post Type 7:07 Create JetEngine Listing 9:53 Create Custom Query 12:02 Add Listing Grid #jetengine #crocoblock #elementor Our Recommended Tools Some o...
Right Click Hidden Menu Trick (Elementor Tutorial)
zhlédnutí 143Před měsícem
In this Elementor tutorial I will show you how to pull off this cool "right click" secret menu. I came across this idea from the Arcade website and thought it would be fun to recreate it in Elementor. CSS & JavaScript Code: wickydesign.com/right-click-hidden-menu-trick/ Arcade Website: www.arcade.software/ CSS Cubic Bezier Generator: 10015.io/tools/css-cubic-bezier-generator Timestamps: 0:00 In...
Assign Post Authors with JetEngine: No WordPress Users Needed!
zhlédnutí 195Před měsícem
In this JetEngine tutorial, I'll demonstrate how to assign authors to your posts without needing to create WordPress user accounts. This feature is useful if you prefer not to rely on the built-in WordPress user system. One key reason to create a custom taxonomy for your users is enhanced security. Having numerous user accounts tied to your WordPress site increases the risk of security breaches...
Stop Using Elementor's Gallery Widget! Use This Instead
zhlédnutí 269Před měsícem
In this video, I'll teach you how to use nested tabs in Elementor to create a more interactive, customizable gallery. Our Recommended Tools Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business! WORDPRESS PLUGINS: ...
How to Generate Random Text in Microsoft Word
zhlédnutí 93Před měsícem
In this Microsoft Word tutorial I will show you how to insert sample text to your document. Example Commands: =rand() =rand(3,5) =lorem() =lorem(4,2) Timestamps: 0:00 Introduction 0:12 Random Localized Sample Text 1:05 Random Pseudo-Latin Sample Text #wordtutorials #wordtutorial #microsoftwordtutorial Our Recommended Tools Some of the links on this page are affiliate links, meaning we may recei...
How To Create Columns In Microsoft Word
zhlédnutí 47Před měsícem
In this Microsoft Word tutorial I will show you how to create columns in your document. Timestamps: 0:00 Introduction 0:19 Add Columns to Selected Text 2:13 Remove Columns from Selected Text 2:26 Add Columns to Whole Document 3:06 Visually Adjust Columns with Rulers Our Recommended Tools Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. ...
How to Add Table of Contents in Microsoft Word
zhlédnutí 101Před měsícem
In this Microsoft Word tutorial I will show you how to add a table of contents and style your chapters headings. Timestamps: 0:00 Introduction 0:21 How to Add Table of Contents 0:58 How to Add Heading Styles 1:49 Add Table of Contents 2:20 How to Update Table of Contents 3:23 How to Modify Table of Contents 4:38 How to Apply Theme Styles #microsoftwordtutorial #microsoftword #wordtutorials Our ...
Website Hosting Handbook [Full Walkthrough]
zhlédnutí 139Před 2 měsíci
In this video, I will walk through the Website Hosting Handbook and how to make edits to the document. The document was created in Microsoft Word and can easily be changed to fit your agency. Purchase the Website Hosting Handbook: shop.wickydesign.com/product/website-hosting-handbook/ Timestamps: 0:00 Introduction 0:15 How to make edits Our Recommended Tools Some of the links on this page are a...
Monthly Website Maintenance Checklist [Full Walkthrough]
zhlédnutí 966Před 2 měsíci
Our Monthly Website Maintenance checklist is designed to cover every aspect of website upkeep, ensuring that your site runs smoothly month after month. Purchase the Monthly Website Maintenance Checklist: shop.wickydesign.com/product/monthly-website-maintenance-checklist/ Timestamps: 0:00 Monthly Website Maintenance Checklist Overview 2:19 Website Monthly Backups 3:02 WordPress, Plugin & Theme U...
Animated iPhone Mockup Layout (Elementor Pro Tutorial)
zhlédnutí 301Před 2 měsíci
In this Elementor Pro tutorial I will show you how I created this animated iPhone CTA section. Get Elementor Pro: wickydesign.com/get-elementor Timestamps: 0:00 Introduction 0:58 iPhone Mockup Tutorial Begins 2:53 Photoshop Crop iPhone Mockup 4:11 Convert PNG to WebP 5:10 Download Lottie Animation 7:01 Elementor iPhone Mockup Begins 10:09 Add iPhone Mockup Background Image 10:55 Add Lottie Anim...
Blooming Flower Animation Using Elementor Pro
zhlédnutí 236Před 2 měsíci
Blooming Flower Animation Using Elementor Pro
Toggle 3D Models On Website (Spline Tutorial)
zhlédnutí 432Před 2 měsíci
Toggle 3D Models On Website (Spline Tutorial)
Elementor Mobile Design: Tips to Fix Horizontal Scrolling
zhlédnutí 661Před 3 měsíci
Elementor Mobile Design: Tips to Fix Horizontal Scrolling
Dynamic Music Player Tutorial (Elementor Pro & JetEngine)
zhlédnutí 424Před 3 měsíci
Dynamic Music Player Tutorial (Elementor Pro & JetEngine)
Create Cool Motion Effects Using Elementor Pro (No Additional Plugins!)
zhlédnutí 543Před 3 měsíci
Create Cool Motion Effects Using Elementor Pro (No Additional Plugins!)
How to Move the Pivot Point in Spline
zhlédnutí 1,2KPřed 3 měsíci
How to Move the Pivot Point in Spline
Pass URL Parameters to a 3D Scene
zhlédnutí 236Před 3 měsíci
Pass URL Parameters to a 3D Scene
Change 3D Model Textures with HTML (Spline Tutorial)
zhlédnutí 1,2KPřed 4 měsíci
Change 3D Model Textures with HTML (Spline Tutorial)
Elementor Loop Grid Equal Height Fix
zhlédnutí 1,3KPřed 4 měsíci
Elementor Loop Grid Equal Height Fix
Interactive 3D Hotspots With Elementor Popups
zhlédnutí 1,5KPřed 4 měsíci
Interactive 3D Hotspots With Elementor Popups
Add Interactive 3D Objects to Your Website | Spline Tutorial
zhlédnutí 365Před 5 měsíci
Add Interactive 3D Objects to Your Website | Spline Tutorial
Complete WooCommerce Settings Guide
zhlédnutí 894Před 5 měsíci
Complete WooCommerce Settings Guide
3D Wall Logo Mockup (Spline Tutorial)
zhlédnutí 160Před 5 měsíci
3D Wall Logo Mockup (Spline Tutorial)
Neon Glow Effect (Spline Tutorial)
zhlédnutí 651Před 5 měsíci
Neon Glow Effect (Spline Tutorial)
Make a Camera Follow a Path (Spline Tutorial)
zhlédnutí 1,3KPřed 5 měsíci
Make a Camera Follow a Path (Spline Tutorial)
Particles Text Effect (Spline Tutorial)
zhlédnutí 1,8KPřed 5 měsíci
Particles Text Effect (Spline Tutorial)
How to Embed Spline Into Elementor
zhlédnutí 3,4KPřed 6 měsíci
How to Embed Spline Into Elementor
Abstract Wave Animation (Spline Tutorial)
zhlédnutí 1,1KPřed 6 měsíci
Abstract Wave Animation (Spline Tutorial)

Komentáře

  • @davidalley9676
    @davidalley9676 Před 2 dny

    Thank you so much , how can a user make a post and edit their own post

  • @mariusmanlive
    @mariusmanlive Před 2 dny

    Hi there, this can be an option, but I have an concern, I chose to show me a category list on sidebar when customer click on each categories, I don't want to show this through my categorries, what you suggest to do , any alternative in 2024 ? Thank you

  • @MalikIhtashamGW
    @MalikIhtashamGW Před 2 dny

    Oh I missed the stream :(

    • @WickyDesign
      @WickyDesign Před 2 dny

      Sorry to have missed you. We'll be doing it again soon.

  • @BobWilliamson-to3xp

    You offer the clearest and most understandable help without going down any rabbit holes. Well Done

  • @pranaysharma2976
    @pranaysharma2976 Před 2 dny

    Excellent video. I had one doubt how to retrieve all videos from a channel

  • @SiteAuditPodcast
    @SiteAuditPodcast Před 4 dny

    We love a good website audit!! :) Great job!

  • @werbekueche
    @werbekueche Před 4 dny

    Hi there, was the video feature for embedded CZcams/Vimeo videos implemented by any chance? I am interested in this case and would love a how-to guide!

    • @WickyDesign
      @WickyDesign Před 4 dny

      Nope, I couldn't find a good solution for CZcams/Vimeo videos. These platforms change often and it's hard to keep up. It's possible but requires a lot of custom JavaScript.

    • @werbekueche
      @werbekueche Před 4 dny

      @@WickyDesign Thank you for your kind and quick response. It's good to read that-I thought I was the only one who couldn't find a good solution! :-) It's nice to have found your channel this way. Best regards!

  • @stefanico1
    @stefanico1 Před 5 dny

    Hi there well it seems ACf have rendered this workaround useless.. and I am not sure how to still render the using a WYSIWYG field or else allowing the script (it is a CZcams video) Any help appreciated :)

    • @WickyDesign
      @WickyDesign Před 2 dny

      Our friend @websquadron just released a good solution: czcams.com/video/jB3uUQyZv2c/video.html

  • @choonah
    @choonah Před 5 dny

    usefull, but it won't go back to the image same way as you show, when unhovered. am i missing something?

  • @MalMilligan
    @MalMilligan Před 5 dny

    Short and sweet. Yes a very good idea. Tabs to hold different types of content look great. The problem with tabs in the past was getting people to use them.

  • @MalMilligan
    @MalMilligan Před 5 dny

    Epic Slider Revolution tutorial. This is much better than the voiceless / faceless demos made by Themepunch. I'm going to go through the entire video again. Very grateful you took the time to do this as I don't see any other training resource for the Rev Slider that is this good. Regards -

  • @jokee
    @jokee Před 6 dny

    Does this still work? When I click the button it just refreshes the page

  • @fideliavidekah717
    @fideliavidekah717 Před 6 dny

    This has been helpful. Thanks

  • @ikponmwosa709
    @ikponmwosa709 Před 8 dny

    It worked like magic. Thanks, man!

  • @bekind7083
    @bekind7083 Před 8 dny

    saved my life ty!!

  • @huntdusk
    @huntdusk Před 9 dny

    is there is a way to only show latest shorts video on a channel ?

  • @beckybrown3993
    @beckybrown3993 Před 10 dny

    Thank you tons

  • @bleonciofs
    @bleonciofs Před 10 dny

    You deserve a medal brother. This tutorial is exactly what I was looking for and I don't even need to install one more plugin. THANK YOU

  • @claudiofuentes9880
    @claudiofuentes9880 Před 11 dny

    Thanks! It works!

  • @funfestfrenzy
    @funfestfrenzy Před 11 dny

    Great video! But I'm facing another issue, whenever i add spline to my website it makes the scrolling animations laggier. Any way to fix it?

  • @kberwager
    @kberwager Před 12 dny

    So help me understand, if your form is getting alot of spam, do you Increase the value or decrease the value? I'm still confused by this.

  • @maulanaiqbal-hp4um
    @maulanaiqbal-hp4um Před 13 dny

    Tutorial cara ngapus nya gimana?

    • @WickyDesign
      @WickyDesign Před 10 dny

      There are several ways to delete paths in Illustrator. It really depends on what you're designing what tool will work best.

  • @jmarini4139
    @jmarini4139 Před 16 dny

    Is there a way to modify the script to work only on an external link of my choosing? I have a page that has a few external links, but I only want the popup for one of the links.

  • @bryancoe2184
    @bryancoe2184 Před 16 dny

    This is great and so easy. I have been trying to figure this out for a while. Thanks!

  • @carla120683
    @carla120683 Před 17 dny

    Thank you for sharing!

  • @mohammadrezakamrani9151

    very gooooood

  • @santiagolafuente275
    @santiagolafuente275 Před 18 dny

    hey! what's that font called?

    • @WickyDesign
      @WickyDesign Před 10 dny

      This one is called The Seasons Light. fonts.adobe.com/fonts/the-seasons

  • @TrindadeSergio
    @TrindadeSergio Před 19 dny

    Hey there. I cant figure how to remove play pause overlay when video is playing. Its kinda annoying

  • @otmanecheeky6159
    @otmanecheeky6159 Před 19 dny

    Just want to say thank you so much for your time 🫡

  • @katrinekovacs2090
    @katrinekovacs2090 Před 20 dny

    Hi, thank you for your video. Can you also explain how you can show discount badges etc. using a Loop Grid Widget?

  • @babagenow6288
    @babagenow6288 Před 22 dny

    Can I do 3 Elements? For me the third doesnt move no matter what I do... Im trying to do 3 on top of each other: right to left, left to right, right to left and no matter what I do (new class, h1,h2 and h3 etc) the third one wont move Edit: I fixed it by renaming all the classes in the html code, for some reason it didnt register because I used a Capital M instead of small m. Amazing tutorial thank you!!!

  • @daveden2
    @daveden2 Před 23 dny

    I'm hoping to play around with JetEngine over the weekend. Keep up the good work, pointing us to all the cool new features!

    • @WickyDesign
      @WickyDesign Před 23 dny

      Lots of great features in JetEngine!

    • @daveden2
      @daveden2 Před 23 dny

      @@WickyDesign, I totally agree!!!

  • @daveden2
    @daveden2 Před 23 dny

    Elementor is focusing on making easy-to-use widgets for people who don't want too much dev-tech stuff. I'm just happy that they're making accessibility improvements as well

  • @CCSDEimaz
    @CCSDEimaz Před 23 dny

    Where do you add the CSS code in the script to make it responsive? I'm working in HTML on Google Sites if that makes a difference. Thanks!

    • @WickyDesign
      @WickyDesign Před 23 dny

      Sorry, I don't know the answer. I've never used Google Sites before.

  • @lanamiro8443
    @lanamiro8443 Před 23 dny

    Congrats with the first stream! :)

  • @Stason775
    @Stason775 Před 23 dny

    Thank you! This code works great on pages. How do I run this code in Popup Elementor?

    • @WickyDesign
      @WickyDesign Před 23 dny

      Awesome! Running JavaScript in Elementor popups don't work very well. I use the JetPopup plugin to run JavaScript inside Elementor popups: crocoblock.com/plugins/jetpopup/?ref=2562

  • @allisonhoutz2866
    @allisonhoutz2866 Před 24 dny

    GIRL, I could give you a big ol' hug and a kiss on the cheek! THANK YOU!!! You describe things so clearly and helped calm my stress down. THANK YOU!!

  • @ricardohemmelhelfsteinconc2131

    You're awolsome for making a video solving such a specific problem. Thank you very much!

  • @aurelcornea
    @aurelcornea Před 24 dny

    Thank you. It was helpfull.

  • @Frank-uj6vr
    @Frank-uj6vr Před 25 dny

    Beautiful lady

  • @ingarnt
    @ingarnt Před 25 dny

    Great tutorial, thank you.

  • @nsa5
    @nsa5 Před 25 dny

    Awesome tutorial, thank you!

  • @MandarinMania
    @MandarinMania Před 25 dny

    Best video I have seen after watching several. Solved my issues. But, like another comment mentioned, go to the "style" section and change the aspect ratio to 9:16. Then, under "advanced," change width to "custom" and move the slider under it to achieve the desired size. Thanks again for the great tutorial.

    • @HMKT
      @HMKT Před 13 dny

      Great comment, so helpful, thanks so much.

  • @muhammadhafidz9959
    @muhammadhafidz9959 Před 25 dny

    thanks for the awesome tutorial and easy to listen explanation, the customizable heading is also a plus point although we can also modified any other widget that have more than 1 line, not just for heading

  • @branddestination
    @branddestination Před 26 dny

    I want to edit this page email can you help me and tell me where is the email template store of this notification

    • @WickyDesign
      @WickyDesign Před 24 dny

      Woocommerce doesn't have a specific email for out of stock items. You can use this plugin to create it. woocommerce.com/products/back-in-stock-notifications/

  • @melissaw7
    @melissaw7 Před 27 dny

    Thanks for the video! There's a jump from your explanation on the homepage to you displaying the header editor. How did you get to the edit page?

    • @WickyDesign
      @WickyDesign Před 24 dny

      You'll find the header under the templates tab.

  • @heymatthias
    @heymatthias Před 27 dny

    Thank you, this works. But I changed the H1 in the CSS to p and took a paragraph Element instead of H1 Headings, to avoid having 3 different H1 Elements on a page. It works too.

  • @fanfilmproduction9296

    Does this also work with any other type of website

    • @WickyDesign
      @WickyDesign Před 27 dny

      It depends if the platform can handle popups. What platform are you working on?

  • @imamagoes5411
    @imamagoes5411 Před 29 dny

    Thank you!

  • @Jebesniper
    @Jebesniper Před 29 dny

    Thank you works like a charm! Appreciate :)