Modal popup for iframe previews for WordPress site
$250-750 USD
Paid on delivery
I'd like to create something very similar to what you see here: [login to view URL] When you hover over any of the template thumbnails and click "preview".
1. When "preview" is clicked, a modal with a subtle transition appears with the iframe showing a particular website.
2. Links outside of the iframe wrap: You'll also notice that outside of the iframe wrap there are a few other action items, such as a link to go "back", which just closes the modal. I'd also like to have two other links like this example has at the top right of the modal (to view the template in a new window or a button that links wherever I'd like)
3. Also notice just outside of the iframe wrap are three different device layouts (desktop, tablet and mobile) - notice how the desktop is still the default even if the browser width is small, the iframe only changes to the tablet/mobile versions if that icon is clicked.
My site is built with a custom Wordpress theme I've designed and developed so this must work with Wordpress. I'd prefer a very clean and lightweight solution. I'd like the modal to be able to be triggered dynamically so if I have a php loop (foreach or while), I'd like to be able to have something like:
<a href="#modal-<?php echo $ID;?>" class="modal-trigger">Preview Theme A</a>
<div id="modal-<?php echo $ID;?>">iframe and other stuff here</div>
Let me know if you have questions. Thank you!
Project ID: #17160279
About the project
75 freelancers are bidding on average $514 for this job
Hi! We have excellent experience with Wordpress (8+ years). We can build a modal popup with iframe previews according to your requirements. We'd like to chat with you and discuss it in details. You can check our profi More
Hello, I always provide fastest results with quality. I have an experience of more than 10 years in web development and maintenance. I have in-depth knowledge of php, mysql, javascript , jquery, payment system integrat More
Hi, I am Anna with more than 6 years experience in web and cross-platform app development including Hybrid, PHP, Laravel framework, Slim, CodeIgniter, MySQL, PostgreSQL, HTML, CSS, Javascript, jQuery, Vuejs, Ajax, More
Hi there? I have gone through your requirement of showing iframe in a popup with some more items. after briefly i have completed understood your requirement and i would like to say me with my small team can be handle More
Hi Employer, I have read your description and been interested in the project. Let me help you apply the preview function to view specific site in devices screen solutions. I'm ready to discuss and start on the projec More
Hello, Yes, I can build this template view system (as ref). We can build this with page template (or shortcode) with your custom WordPress theme. I am ready to start immediately. Regards Rais U
Hello Sir/Madam, I have gone through with your requirement. I will provide quality work.I have six years of experience in a Wordpress. I am an expert Wordpress developer. I will do my best to satisfy you. Please More
Hello, Hope you are doing well!! I am word press developer. I can complete your all the requirements in a great way and can give you the best budget in this whole market. You can feel free to ask any question More
Hello Dear, I read you your project description and completely understood. I will appreciate your work and give the exactly same work as per your job needs. I will develop the site when you click the "preview" a mod More
Hello, I AM READY TO START NOW we can decide rates from your side (price can be negotiated) I understood your requirement I have knowledge in this filed 5+ Years so many projects I have done. Our skill... Woocomm More
Hi, I am an experienced programmer and I'm sure I can complete your project asap. Please contact me and tell about your project details. I promise a high quality and punctual work. Thanks. Modal popup for iframe previ More
Dear Sir/Madam, How are you? Do you want to complete your whole project with 100% satisfaction? We are here. We are from S IT Solution, we're already skilled and experienced with More
Hi Nice to meet you. I'm senior wordpress developer. Let's discuss about your project with chat. Thanks.
I can do your project titled "Modal popup for iframe previews for WordPress site" I got expertise in CSS, HTML, Javascript, PHP, WordPress I have been working on these types of projects since last 7 years. You can More
Hello, Hope you are doing well!! I have 5 years of experience in web development and designing and I have read your requirement and I understood. I would love to elaborate and discuss further in chat. Thanks