Make a Portfolio Gallery with Live Preview Box in Elementor | Portfolio for Web Designer/Developer

Поділитися
Вставка
  • Опубліковано 28 гру 2024

КОМЕНТАРІ •

  • @Quantumdemetrio
    @Quantumdemetrio 2 роки тому +9

    I've been looking for this exact video for a few weeks perfect time my man. I am a fan...

  • @ereviewsyt
    @ereviewsyt Рік тому +3

    I don't even have a scenario to use this template. But I still watched the whole video, liked, and now commenting for the algorithm boost. Thank you for making these easy-to-understand tutorials and affordable templates for the community! Keep up the great work 👍

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      Glad to know you liked it although you're not in the community ❤️

  • @posture-timfixit7130
    @posture-timfixit7130 2 місяці тому

    Wow great work here!
    Please continue doing videos like this. Thank you!

  • @khaleditglobal
    @khaleditglobal 2 роки тому

    i love you bro, after many search, finally found this type video, live demo type video, You're hero bro love

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      You're very welcome! Glad to hear that really helps you...

  • @umairyousafzai07
    @umairyousafzai07 2 роки тому

    I've been looking for this exact video and found on the top.
    Love from 🇵🇰

  • @walsonmboentuba4505
    @walsonmboentuba4505 Рік тому

    You are amazing man. Your explanations are clear, straightforward forward and detailed. you just earned my subscribe and like. please continue.

  • @edoardo.bonitti
    @edoardo.bonitti 9 місяців тому

    Hi there, amazing video and plugin that I've just bought it. But I've a question, at 18:35 on the video you adjust the padding from the elementor editor but it doesn't work on mine case. As you said at 15:10 I've adjust the tablet padding from the css, but what about the mobile view? Thanks

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 місяців тому

      If it's not working for you, you can email me

    • @edoardo.bonitti
      @edoardo.bonitti 9 місяців тому

      Thanks for you reply. I've sent you 2 mail. Thanks@@MakeDreamWebsite

  • @christiancounselingservice2217
    @christiancounselingservice2217 2 роки тому +3

    I almost got working except for the responsive buttons in the top of the bar. However, I was trying to use sections & haven't converted over to containers yet. I see on your template for sale that you have one for sections & another for containers so must be a slight difference. For only $4.99 I will buy the template :) Good job!!

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +1

      Yeah there is some internal difference between container and section/column version. But, the output are the same. BTW, thank you for your awesome feedback!

  • @massacreloudly
    @massacreloudly 2 роки тому +2

    Hey this video is great! I modified your javascript snippet to point to a testimonial slider, but it won't register clicks on a mobile device, do you have any ideas what would cause this?

  • @BeamNG-Cinematic4K
    @BeamNG-Cinematic4K Рік тому

    Thank you very much! I love your tutorials.

  • @syedawais5373
    @syedawais5373 10 місяців тому +1

    from where can i get live preview discription link

  • @bwaheed598
    @bwaheed598 2 роки тому

    You are one of the best youtuber for guiding people on how can they achieve these types of layouts on wordpress. Big appreciation for your work ❤️

  • @doji_trader
    @doji_trader 8 місяців тому +1

    Great video. Unfortunately button from the bottom gallery disappear when adding the code snippet. :(

  • @Just_Workin1994
    @Just_Workin1994 9 місяців тому

    Awesome! Is there also a way to open the popup with the use of a button instead of clicking on the gallery item?

    • @MakeDreamWebsite
      @MakeDreamWebsite  9 місяців тому

      Yes you can! But, you need to modify the code for that.

    • @Just_Workin1994
      @Just_Workin1994 9 місяців тому

      @@MakeDreamWebsite Ok cool! Does that code exist anywhere? I understand that is asking a lot if it doesn't. Tried modifying the code to work with a button instead of the gallery to no avail. Thanks

  • @wajihaattique6560
    @wajihaattique6560 2 роки тому +1

    Amazing.
    Can you please tell if we don't want to add a link in the description instead of a link we need to add related images to the cover image then how can we add into the popup?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +1

      That's not possible in this way... You can use multiple image widget to make a image gallery and with each image you can link to different popups for those related images...

    • @wajihaattique6560
      @wajihaattique6560 2 роки тому

      @@MakeDreamWebsite make a tutorial on this too please. Love your content. It's easy to apply.

  •  2 роки тому +1

    Hi on Chrome based Browser the Galerie is not Shown from one Day to another

  • @mdgolamabir
    @mdgolamabir Рік тому +2

    Js code is not working

  • @ankarabaymediatechnology7514
    @ankarabaymediatechnology7514 Рік тому +1

    Hi thank you for this wonderful tutorial. I added the javascript but nothing is working. The buttons dont show on the images. What could possibly be wrong here?

  • @samaviakhawaja9169
    @samaviakhawaja9169 Рік тому

    it's a great video. just facing a minor issue my bar buttons are not hiding in popup

  • @umairyousafzai07
    @umairyousafzai07 2 роки тому +1

    I am facing an error. The pointer of the filter bar appears on the website(in preview bar)?
    How I can solve it?

  • @cengizkamali
    @cengizkamali 2 роки тому

    Great video, just one small question: is there anyway to do it without a popup? Like if the page below the device bar would switch when selected mode?

  • @hiwebme
    @hiwebme 10 місяців тому +1

    i am using the filterable gallery of Elementor addon elements, so code is not working button cloning & css. can u guide me pls ? or can you again make this type of video for EAE . Thanks

  • @designerfamilyshop11
    @designerfamilyshop11 Рік тому

    Hi can you help me we purchasing your template but the preview button not working

  • @suprive_pe
    @suprive_pe Рік тому

    Great tutorial!
    Just a little problem with the button in the gallery, everything works fine in the editor but when I open an incognito window it doesn't work. I have reviewed the video 3 times and I do exactly the same thing, will it be a matter of the elementor configuration?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      That can be reason. If you remove the very first line of the html widget, hopefully that will work...

  • @gadget_unbox
    @gadget_unbox 2 роки тому

    Thanks for sharing this tips

  • @sayedhridoy5756
    @sayedhridoy5756 Рік тому

    Great tutorial bro

  • @asfahim6882
    @asfahim6882 2 роки тому

    Awesome video, thank you

  • @GamerGains-ft4ct
    @GamerGains-ft4ct 8 місяців тому

    hi is there a way to hide the button when not hovering. cause the button is showing. i want it hidden. i only want it to be shown when i hover on image.

  • @servicemanager1816
    @servicemanager1816 Рік тому

    Do you have a video showcasing how to do the scroll animation effects on the comic site? Those are awesome!

  • @humbertg.9661
    @humbertg.9661 Рік тому

    Thanks for this great video. Any chance to add pagination? Cheers!

  • @digitali_service
    @digitali_service 4 місяці тому

    on the website preview? does it fetch the live website from the URL or how does it work? or how is the live website captured> is fetched every time a user previews the portfolio

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 місяці тому +1

      Yes, it’s the actual website, not an image or screenshot. It’s shown there by using the html tag.

    • @digitali_service
      @digitali_service 4 місяці тому

      @@MakeDreamWebsite does it in anyway affect the website in terms of load speed & performance .. lets say in a scenario you want to display all the websites you have done. . does it have a limit

    • @MakeDreamWebsite
      @MakeDreamWebsite  4 місяці тому

      @digitali_service no it doesn’t effect during the page load because the website will only load when you hover on them…

  • @RandhirDigital1987
    @RandhirDigital1987 Рік тому

    How do I do that live preview for product and how to add Add to cart button

  • @alexchin89
    @alexchin89 Рік тому

    Hi, I want to ask that if I click the "See Preview: button is it possible to redirect to the new page which I've create ?

  • @MrAbhi-nf7pj
    @MrAbhi-nf7pj 2 роки тому

    TQ bro n one more good video

  • @webiifyacademy
    @webiifyacademy 10 місяців тому

    Can I show the popup on a button click insted of gallary?

    • @MakeDreamWebsite
      @MakeDreamWebsite  10 місяців тому +1

      Yes, then you need to modify the code as well

    • @webiifyacademy
      @webiifyacademy 10 місяців тому

      @@MakeDreamWebsite can you help me plz

  • @davidspot191
    @davidspot191 Рік тому

    I get an error 403 page error when I try to save the template. I noticed it is only when I remove the second script below the jquery src code that elementor saves it. But when the codes below are added again, it won't save

  • @healthadvisor6969
    @healthadvisor6969 2 роки тому

    Amazing tutorial thanks 🙏

  • @asfactfrenzy
    @asfactfrenzy Рік тому

    Isn't is working with latest Elementor Version?

  • @asifulislamsourov6785
    @asifulislamsourov6785 2 роки тому

    Hey man great video.....can please make a video on how to make a whole section slider so that i can show some of portfolio work on homepage....

  • @sadrihasan6365
    @sadrihasan6365 2 роки тому

    Looking good

  • @hiwebme
    @hiwebme 11 місяців тому

    bro in mobile version when i scroll screen up or down..The gallery slightly jump & down,it seem it is not stable..how to fix it. pls reply.

  • @learnwithusman1
    @learnwithusman1 Рік тому

    thanks you soo much sir

  • @camronroberts
    @camronroberts Рік тому

    Hi. Is there a way to make the button link straight to a page instead of the pop-up window?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому +1

      For that you can simply use that gallery widget...

    • @XacPixel
      @XacPixel Рік тому

      @@MakeDreamWebsite Can you please elaborate on this? I don't want pop-up. 'preview' button to directly respective website.

  • @phuketeventplanner
    @phuketeventplanner Рік тому

    Thanks so much

  • @SmitaGhadge-mw4bi
    @SmitaGhadge-mw4bi Рік тому

    Please give solution for show preview button

  • @mackyangeles
    @mackyangeles 2 роки тому

    Great tutorial! Is it possible to do it with just a button not a gallery? Any tutorial for that?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      Yes, it's possible, then you need to modify the code for buttons

  • @pocket-linetech-bangla8630
    @pocket-linetech-bangla8630 Рік тому

    All is good but the problem is when I click on the back button it's automated jump to the top.

  • @muhammadaslan6256
    @muhammadaslan6256 Рік тому

    man iam make cpt for project and I am make filed for website link on elementor I am set the dynamic filed of visit website and i want to open the popup when I am clicking on the preview custom filed how I can do that with your provided code can you help me

  • @webconsultant5112
    @webconsultant5112 Рік тому

    Hi. Is it possible to use a media carousel instead of a gallery?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      Hi Eziz, no, it'll not working with Media Carousel

    • @webconsultant5112
      @webconsultant5112 Рік тому

      @@MakeDreamWebsite With a media carousel, it would be more compact on the page. Or maybe a carousel of reviews will do? Your customization of the feedback carousel widget is diverse.

  • @amamuzition
    @amamuzition 2 роки тому

    Best!

  • @AlexRivera-uj8ie
    @AlexRivera-uj8ie 2 роки тому

    Thanks bro!

  • @mahbubjubayer9453
    @mahbubjubayer9453 2 роки тому

    great tutorials, but i am having a problem. the description link i applied, its not displaying. saying refuse to connect.. any solution for it?

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      Does it happens for any link or some specific link?

    • @mahbubjubayer9453
      @mahbubjubayer9453 2 роки тому

      All the link from my projects sites. But I tired page links from same portfolio websites , it's works fine 😭.

  • @hussainahmad7670
    @hussainahmad7670 2 роки тому

    button ins't working when apply js code

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      Can you please say which version of Elementor you're currently using

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      I've updated the code snippet on my website. It's working now 😁 You can just copy paste the code again

  • @asantamzid
    @asantamzid 2 роки тому

    Great thanks

  • @VOoDoOx99
    @VOoDoOx99 2 роки тому

    Hi, amazing video. But I have different question. I have a product slider and i want to add custom text into this slider. Slider is from widget. Can you help me with this? I just want to add custom text above image into all slides for example "food".

  • @HimanshuSingh088
    @HimanshuSingh088 Рік тому

    Thanks

  • @KeremCoskun-x3e
    @KeremCoskun-x3e 4 місяці тому

    13.59 Form where can i get this link ? İ cant find it.

  • @dreamhridoy
    @dreamhridoy Рік тому

    How can i add link preview wth dynamic?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      You can copy the URL of the page you want to add and paste it here like I shown...

  • @polymorpheamarchantia9387
    @polymorpheamarchantia9387 Рік тому

    I bought the template but it doesn't work for me on elementor pro, I followed step by step to put the link of the image, but the preview does not open :(

  • @gabyvinceza4595
    @gabyvinceza4595 10 місяців тому

    😊Oi, obrigado pelos seus vídeos, me tira uma dúvida, no botão- Visite site, qual link você adicionou e como eu crio essa pagina para ter esse link?😅😅😅😅😅😅😅😅😅😅😅

    • @MakeDreamWebsite
      @MakeDreamWebsite  10 місяців тому

      You're welcome! I added those websites form Templately.

  •  2 роки тому

    Hi since the last updates, the Responsive Buttons seems not to work anymore!

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      You can email me your page link

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      I've updated the code snippet on my website. It's working now 😁 You can just copy paste the code again

    •  2 роки тому

      @@MakeDreamWebsite THX a lot, but now the Gallery is not shown anymore, from one day another

  • @sambitmishra5184
    @sambitmishra5184 Рік тому

    Hi did anyone figure out how to get the see preview button working on v3.16 of elementor

  • @jyljeanne2937
    @jyljeanne2937 2 роки тому

    their is a little problem with the reday made template can you help me ? i just send you a mail about it...

  • @dogrulanmis
    @dogrulanmis Рік тому

    Hello, I bought 5 items from your shopping site today. All working but "Portfolio Gallery with Live Preview Box" is not importing. Can you help me. Thanks.

  • @manoliengeleka
    @manoliengeleka 6 місяців тому

    How to get the link of preview please
    ?

  • @xavierdigitalsolutionsllc2619

    @14:05 for description

  • @Sarthak_salve
    @Sarthak_salve Рік тому

    Bro I almost got working website but the icon of desktop, mobile, and tablet are not working can you tell me how to fix that problem...

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому +1

      I got the reason, I'll update the code snippet on my website...

    • @Sarthak_salve
      @Sarthak_salve Рік тому

      ​@@MakeDreamWebsite now I'm getting a problem that that popup look transparent and if scoll we get scoll main website and it get on it

  • @traceycomerford6581
    @traceycomerford6581 2 роки тому

    Hi I also tried to apply this and the button would not work, I love the concept and think it is amazing if it did work. I'm using Elementor version 3.8.0 and Pro 3.8.1

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      On the latest version, I think it doesn't work. You can email me your page link...

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +1

      I've updated the code snippet on my website. Now it's working 😀. You can copy paste the code again.

    • @sambitmishra5184
      @sambitmishra5184 Рік тому

      Hey did that change in code work for you if it did can you suggest any solution currently i am on v3.16 and it isn't working

  • @mirochannel7641
    @mirochannel7641 2 роки тому

    help sir button not working on elementor 3.9 latest version for that code, please help.

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому +1

      Okay I'll check that...

    • @mirochannel7641
      @mirochannel7641 Рік тому

      @@MakeDreamWebsite fix sir?

    • @MyzIcyBeatz
      @MyzIcyBeatz Рік тому

      @@MakeDreamWebsite Any updates? I couldn't get it working either. Tried a sum of solutions, and I couldn't find the issue..

  • @সপ্নেরপৃথিবী-ণ৬য

    How to add pesignation.... Option

  • @intchala
    @intchala 2 роки тому

    nice djob. PREVIEW BUTTON IS NOT WORKING ON MOBILE

  • @aisharehman027
    @aisharehman027 2 роки тому

    Please can you show us how to make Dior like homepage for our website.. with Elementor

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      I have made a tutorial something similar like this with 5 columns: ua-cam.com/video/8FQ8qCVLTuM/v-deo.html

    • @aisharehman027
      @aisharehman027 2 роки тому

      @@MakeDreamWebsite but I want dat with two columns ..

    • @MakeDreamWebsite
      @MakeDreamWebsite  2 роки тому

      Delete extra 3 columns. I think it will work

    • @aisharehman027
      @aisharehman027 2 роки тому

      But the css code is for five columns and dat tutorial don’t have entering animation..

  • @Pcmagzine
    @Pcmagzine Рік тому

    Please make a tutorial on the pricing table like Fiverr three tab together pricing tab
    I request again dear

  • @soarmediafidel
    @soarmediafidel 11 місяців тому

    I bought the template. It works but on the Live Site, the preview popup is only like white blank page.

    • @MakeDreamWebsite
      @MakeDreamWebsite  11 місяців тому

      I got the issue. I will update the template and also send it to you. Can you also write an email about it to me...

    • @soarmediafidel
      @soarmediafidel 11 місяців тому

      @@MakeDreamWebsite Done emailing you.

    • @MakeDreamWebsite
      @MakeDreamWebsite  10 місяців тому

      Don't worry brother! I'll get back to you@@eComMarketings

  • @webdesignwithakil2640
    @webdesignwithakil2640 Рік тому

    Hi Bro, great job with the tutorial.
    I am trying to replicate what you did. Facing a problem - the mobile version doesn't load the preview in popup. Everything else works fine.
    Can you help?
    I am using the latest elementor pro and elementor to date.
    Great videos. Go ahead.

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      Alright, I'll check it and update my code snippet if needed

  • @homeservicemarketingedge
    @homeservicemarketingedge 6 місяців тому

    I bought it from your page but its not working and it needs Elementor Pro to show the widget , How can I get a refund ?

    • @MakeDreamWebsite
      @MakeDreamWebsite  6 місяців тому

      Hi, I have already mentioned about the pro version… probably you have missed that out. There are also some templates which don’t require elementor pro. What I can do is replace a template with one of those templates

  • @michaelhirt3915
    @michaelhirt3915 2 роки тому

    to sad didnt work when i paste the link of the subdomain

  • @BacklogMehedi
    @BacklogMehedi Рік тому

    "See Preview" button is not working. Lots of people are facing this issue. That means the Javascript code is not working. Why are you ignoring the comments of those users instead of giving a proper solution?

  • @designerfamilyshop11
    @designerfamilyshop11 Рік тому +1

    plz help me

  • @AnthonyTilahun
    @AnthonyTilahun 2 роки тому

    I'm attempting to remake this with the regular elementor popup button and standard containers. It would be super helpful if you can provide the targeted js and css for that method.

  • @bhtanvin621
    @bhtanvin621 Рік тому

    Bro it's not working properly, please update the code

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому +1

      You can email me your page link... BTW, which version of Elementor do you use?

    • @bhtanvin621
      @bhtanvin621 Рік тому

      ​@@MakeDreamWebsite How can I find your email -please, And I used elementor latest Version 3.10.2

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому +1

      @@bhtanvin621 You can find it at the about section of this channel

    • @bhtanvin621
      @bhtanvin621 Рік тому +1

      ​@@MakeDreamWebsite Thank You bro, that's my fault, It's working...

    • @ΠαναγιώτηςΣτθ
      @ΠαναγιώτηςΣτθ Рік тому

      @@bhtanvin621 how did you make it working

  • @justasarbatauskis9044
    @justasarbatauskis9044 Рік тому

    make more elementor elements please

  • @rdipadilaga1866
    @rdipadilaga1866 Рік тому

    bro...i want to buy it with paypal. can you help me?

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      You can email me...

    • @MakeDreamWebsite
      @MakeDreamWebsite  Рік тому

      You can now pay with PayPal: templatish.com/template/elementor-portfolio-live-preview-box/

  • @ΠαναγιώτηςΣτθ
    @ΠαναγιώτηςΣτθ Рік тому

    It does not work my firend

  • @iliopencovio9056
    @iliopencovio9056 Рік тому

    copurty

  • @frankschest8584
    @frankschest8584 7 місяців тому

    the preview button didnt display after adding the code snippet. pls help

  • @mdgolamabir
    @mdgolamabir Рік тому

    Js code is not working