Modal popup for iframe previews for WordPress site

Completed Posted 5 years ago Paid on delivery
Completed 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!

CSS HTML JavaScript PHP WordPress

Project ID: #17160279

About the project

75 proposals Remote project Active 5 years ago

Awarded to:

siawa1985

Hi , I have 5+ years of Wordpress Themes and Plugins Development Experience, kindly check my profile here https://www.freelancer.com/u/siawa1985 Will deliver you fully Dynamic code which show popup like squarespace More

$555 USD in 10 days
(539 Reviews)
8.9

75 freelancers are bidding on average $514 for this job

webbookstudio

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

$600 USD in 15 days
(298 Reviews)
8.6
pointlogic

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

$500 USD in 10 days
(357 Reviews)
8.2
maxsmith8

Hello there, I am interested and ready to start, lets discuss with details. I WILL DO THIS IN FEW HOURS. Please visit our profile and see our project reviews https://www.freelancer.com/u/maxsmith8.html lo More

$500 USD in 1 day
(283 Reviews)
8.0
evgendob

Hello. Wordpress expert ready to help you with iframe preview functionality. I have more 7 years of Wordpress development experience and more 400 good reviews so all will be done with best quality. Free bugfinxing s More

$388 USD in 10 days
(567 Reviews)
8.0
tranngocanh1702

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

$600 USD in 15 days
(171 Reviews)
7.9
omprakashkumawat

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

$277 USD in 10 days
(210 Reviews)
7.0
sunsoftpro

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

$666 USD in 20 days
(197 Reviews)
7.6
raisdhaka

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

$250 USD in 3 days
(246 Reviews)
6.9
webteklab

Hello, We can build your mentioned modal popup for iframe previews for your custom made WordPress website. We are WordPress certified creative team with 9 years of experience in PHP+ framework and have done more More

$400 USD in 10 days
(162 Reviews)
6.7
ranjansingh006

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

$250 USD in 3 days
(142 Reviews)
6.5
Software9981

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

$277 USD in 5 days
(25 Reviews)
6.1
shubhi8982

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

$333 USD in 8 days
(43 Reviews)
5.8
vashishtrupinder

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

$750 USD in 10 days
(65 Reviews)
5.9
SilentStarMagic

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

$555 USD in 4 days
(15 Reviews)
5.2
sitwebsolution

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

$500 USD in 10 days
(32 Reviews)
5.0
SimbaMoor

Hi Nice to meet you. I'm senior wordpress developer. Let's discuss about your project with chat. Thanks.

$1000 USD in 10 days
(14 Reviews)
4.3
eurosolurions

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

$555 USD in 10 days
(15 Reviews)
3.3
shrinkcom9981

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

$333 USD in 5 days
(4 Reviews)
3.9
tjcg

Hello Sir, We can successfully build websites in any frameworks of PHP, fulfilling all the requirements. We have read your job post and fully understood the requirements of the project. We believe in quality wo More

$500 USD in 5 days
(1 Review)
2.5
eshwarms

At Venolin Technology we have a bunch of young talented developers who have vast experience in developing numerous websites and applications to clients from different countries. If you give us a chance we wouldn't disa More

$722 USD in 7 days
(0 Reviews)
0.0