How to Add a Filterable Gallery to your WordPress Website | Elementor Tutorial 2021

แชร์
ฝัง
  • เผยแพร่เมื่อ 23 ก.ค. 2024
  • Looking to add a filterable gallery to your WordPress website? In this tutorial, we go over exactly that using the Essential Addons plugin for Elementor.
    This custom image gallery has a unique filter system that allows you to tag photos and sort them using a menu at the top of the gallery.
    Get a Domain Name & Hosting for Your Website:
    createaprowebsite.com/hosting
    (I do receive a commission when you use the above link, but it gets you a discount on a domain and hosting as well. So it's a win-win!)
    RELATED BLOG POST
    -----------------------------------------
    createaprowebsite.com/divi-vs...
    OTHER HELPFUL VIDEOS
    -----------------------------------------
    How to Backup Your Website in 5 Minutes:
    • How to Backup Your Wor...
    How to Create a Business Email for Free
    • How to Create A Busine...
    How to Create a Free Logo for Your Website:
    • How to Make a FREE Log...
    How to Secure Your Website From Hackers:
    • How to Secure Your Web...
    FOLLOW & CONNECT WITH US
    --------------------------------------------------
    My Website :
    createaprowebsite.com
    Create a Pro Website Instagram:
    / createaprowebsite
    Create a Pro Website Facebook:
    / createaprowebsite
    And don't forget to SUBSCRIBE to Create a Pro Website for more awesome website tutorials:
    th-cam.com/users/createaprowebsite?...
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 60

  • @wedgiepantilles4620
    @wedgiepantilles4620 2 ปีที่แล้ว

    THANK YOU soooooo much!!!! I'm about to return to WP after many years to create my own photo gallery. Was trying to find the right template. This simple Elermentor widget will solve so many issues in cataloguing. Really appreciated this find. Terrific.

  • @ruangan.fahmi_
    @ruangan.fahmi_ 2 ปีที่แล้ว

    Thank You!! I dedicated all of the side jobs that i get now from your contents. from1-10 clients for web designer. This came from someone with 0 knowledge in web design. kudos to u!!

  • @naeemnipu3872
    @naeemnipu3872 2 ปีที่แล้ว

    You saved me a lot of time. Thanks.

  • @user-gk1dw5mt1s
    @user-gk1dw5mt1s ปีที่แล้ว +1

    How to see results for using price, rating, category in layout overlay and card settings. when I try to use price, rating, category it only appears in the search and filter layout

  • @geraldinesandovalvalderrut1426
    @geraldinesandovalvalderrut1426 2 ปีที่แล้ว

    Me gustaría saber si sabes ajustar los botones de la imagen cuando se abre. Me salen unas flechas muy feas y la x de salida tiene un ovalo grande que ocupa toda la imagen

  • @LetsCreateYourWEBSITE
    @LetsCreateYourWEBSITE 2 ปีที่แล้ว

    Amazing video like always. This channel is my inspiration to start youtube channel. I hope i can upgrade my editing game like you guys!

  • @visualmodo
    @visualmodo 2 ปีที่แล้ว

    Very good content!

  • @Debuted.Podcast
    @Debuted.Podcast ปีที่แล้ว +1

    Awesome video, super informative !!!
    Thanks :)))

  • @jayvee5163
    @jayvee5163 2 ปีที่แล้ว

    Is there a way I can take out the “all” option and just leave the other topics only ?

  • @yeryer316
    @yeryer316 2 ปีที่แล้ว

    I want to add a filter from the homepage. Need to filter by location, category & date. Any tips?

  • @nelsongonzalez6898
    @nelsongonzalez6898 ปีที่แล้ว

    Thanks, interesting; but does not show how to add photos to each category. i.e., in Bridges, when you click on it and it shows 3 photos; how did you add those photos withing each of the categories?

  • @abdulraheem453
    @abdulraheem453 7 หลายเดือนก่อน

    Can I
    make theses images clickable and redirect an image to a post on my site?

  • @flow21156
    @flow21156 ปีที่แล้ว +1

    Thank you so much for this great help!!! My website is amazing!

    • @CreateaProWebsite
      @CreateaProWebsite  ปีที่แล้ว

      Glad it helped and I'm happy to hear you liked the site you built! Congrats!

  • @Blackavian
    @Blackavian 5 หลายเดือนก่อน

    When I change the content text color to white in the Style panel, it insists on remaining black and hitting the left margin of the image. I even found the background css code for the content and changed the color there. Nope. Still black. I've never had this problem using the filterable gallery on other websites. The title is white with an indent. Do you have any suggestions on how to force that text to be white and have an indent? Thank you for any help you can give me.

  • @someoneinearth51
    @someoneinearth51 2 ปีที่แล้ว

    Nice!

  • @benaam_plays
    @benaam_plays 2 ปีที่แล้ว +1

    very helpful man thanks bro

  • @gershom256
    @gershom256 ปีที่แล้ว

    How do i make it preview the image in full screen

  • @a.manan.s846
    @a.manan.s846 10 หลายเดือนก่อน

    how can i add video in there from the media library?

  • @aanshulrao
    @aanshulrao 7 หลายเดือนก่อน

    Can you tell me how can I link each item/image to another page? Urgent

  • @antonstoyanov9145
    @antonstoyanov9145 ปีที่แล้ว

    Is there any way to add video as well?

  • @madhavrawal29
    @madhavrawal29 ปีที่แล้ว +1

    Thanks Man ❤

  • @Somtico
    @Somtico ปีที่แล้ว

    Can you add a video item instead of an image in the filterable gallery?

  • @PirateOfTheNorth
    @PirateOfTheNorth ปีที่แล้ว

    How do I change the size of the gallery items? Right now they are huge

  • @matiasjose1065
    @matiasjose1065 ปีที่แล้ว +1

    Perfect

  • @sreepadikkal9025
    @sreepadikkal9025 2 ปีที่แล้ว +1

    Thanks for the video. I am working on the gallery and it has around 15 images so far. The filter is only showing 2 images every time I try to apply that. Could you please share any solutions you for that. Thanks again for such concise instructions.

    • @majapra5029
      @majapra5029 2 ปีที่แล้ว

      I have the same problem. The filter is only showing 1 image crossing my footer every time I press the button. If I press "All" everything is normal - But the first time its always showing a mess. Is there any solution?

  • @LeKilleurDu12
    @LeKilleurDu12 2 ปีที่แล้ว +1

    my controls filters didn't work when i click on them, pls help me

  • @bompyryadh
    @bompyryadh 2 ปีที่แล้ว +1

    Thankyou 😘🤞

  • @xiaoxiaozhang5492
    @xiaoxiaozhang5492 ปีที่แล้ว

    Hi, thanks for sharing. Is it possible to have several images in one frame as a gallery when you click on that image? And is it possible to have multi tags?

    • @CreateaProWebsite
      @CreateaProWebsite  ปีที่แล้ว

      Yes it is possible to have multiple tags. It is also probably possible to have multiple images in one frame, however you would probably have to photo edit them into one image using some external photo editor like photoshop to make that happen if I had to guess.

  • @calebyingling6286
    @calebyingling6286 ปีที่แล้ว

    searching for this info for a week and finally found this video. The irritation was real thanks for the help. Don't install a gallery plugin they look horrible on your website and create a page as opposed to a block or widget, and you can not edit said page so it is stuck looking horrid. I've tried many prior to this video xD

  • @Lau19K
    @Lau19K ปีที่แล้ว

    When I view my page, it is only showing about half the photos from my gallery. Why?

  • @Oli_web
    @Oli_web 2 ปีที่แล้ว

    Great video, thanks! Is there any way to connect this filter to blog post?

    • @CreateaProWebsite
      @CreateaProWebsite  2 ปีที่แล้ว +1

      Yes, you can change the link button to take them to the individual blog post URL.

  • @WonsPhreely
    @WonsPhreely ปีที่แล้ว

    Great video thanks!
    I wonder if the filters can be used to show images by alphabetical order? or Price range? or date created?

    • @CreateaProWebsite
      @CreateaProWebsite  ปีที่แล้ว +2

      Probably all of those, you would just have to set up all of those filter points on the back end but its possible.

    • @WonsPhreely
      @WonsPhreely ปีที่แล้ว

      @@CreateaProWebsite really? Thanks! hmm I dont understand what kind of tag you could add for alphabetical order? or Price range? or date created?

  • @ghulambahucontractor9189
    @ghulambahucontractor9189 2 ปีที่แล้ว +1

    Its an Amazing

  • @iamjeztin8560
    @iamjeztin8560 2 ปีที่แล้ว

    Is there any video that helpful in creating a blog site

  • @webprograming1650
    @webprograming1650 2 ปีที่แล้ว

    Amazing sir how can I get in touch with you??

  • @mechlaouiilyess1532
    @mechlaouiilyess1532 ปีที่แล้ว +1

    The downside of this method is when you preview images in full size and try to view the next image according to filters, it keeps showing all images in the same order inserted in the gallery items.
    So how to fix it and view the next images according to filters?

    • @alexcaligari
      @alexcaligari 8 หลายเดือนก่อน

      did you find out?

  • @ritikmalik4061
    @ritikmalik4061 2 ปีที่แล้ว

    Hi can anyone suggest me I have 500+ images for my gallery is there any easy way to do it here ??

    • @MrSwingJamie
      @MrSwingJamie 10 หลายเดือนก่อน

      So far, I have 54 images in my gallery and it's still stable and the filter and search still work quickly.

  • @edgarlacson
    @edgarlacson ปีที่แล้ว

    Filterable Gallery Widget is no longer available in Elementor. Unless if its for pro version which it didn't say here on this video. Thanks anyway.

    • @MrSwingJamie
      @MrSwingJamie 10 หลายเดือนก่อน

      The filterable gallery discussed in this video is part of the Essential Addons free plugins package. It is not one of the standard Elementor widgets.

  • @erichepperlewp
    @erichepperlewp ปีที่แล้ว

    This was a good tutorial but, adding coverage of how to configure the grid to be responsive (especially tablet mode) would make it much more complete. #FreeSEOTips #HepperleSEO

    • @WonsPhreely
      @WonsPhreely ปีที่แล้ว

      its not responsive???

  • @venusalmasi5260
    @venusalmasi5260 หลายเดือนก่อน

    can you add links

  • @thevantran148
    @thevantran148 2 ปีที่แล้ว +1

    First