Completed

Modal popup for iframe previews for WordPress site

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!

Skills: CSS, HTML, Javascript, PHP, WordPress

See more: lightbox popup on page load wordpress plugin, iframe popup jquery, wordpress modal without plugin, iframe popup wordpress, wordpress modal dialog on click, iframe popup on click wordpress, wordpress popup, wordpress modal popup, aspnet modal popup, ajax modal popup, net jquery modal popup, jquery modal popup, dhtml modal popup, modal popup jquery, transfer wordpress site host, feedback using modal popup, modal popup aspnet, modal popup iframe, modal popup iframe ajax, iframe modal popup ajax

About the Employer:
( 9 reviews ) St. Louis, United States

Project ID: #17160279

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
(500 Reviews)
8.7

81 freelancers are bidding on average $509 for this job

graphicaa

To develop the templates iframe view similar to [login to view URL] page. 1. User hover over the template thumbnail and click preview. 2. A modal window will open with transition effect showing the website. More

$277 USD in 5 days
(677 Reviews)
9.0
Softmania

Hi there, Thank you for reading our message. I checked the project description carefully, it would be great if I could chat with you as I have a few questions. Please know Wordpress is our main area of experti More

$555 USD in 10 days
(469 Reviews)
9.0
sapotacorp

Dear bradley1983. I check [login to view URL] carefully and I am absolutely sure that I can do the project very well I'm #1 WordPress Vietnam in here.. Best regards,

$548 USD in 15 days
(1049 Reviews)
8.7
BVMSolution

Hello, Hope you are doing well. After carefully reviewing the requirements of the job description, I feel that we are very much suitable for the job. We can start working now . please give a chance to work f More

$555 USD in 10 days
(330 Reviews)
8.4
bdsiddhi

Hi There, Greetings!! ✦ We are Real WordPress/Woo-Commerce Experts. ✦ I'm very much interested & confident to create Modal Popup for iFrame previews for WP site. ✦ We have been working on WordPress since last 7+ More

$1000 USD in 15 days
(229 Reviews)
8.6
fastworkontime1

Hi there, Greetings..!! I have gone through your project detail and I am much confident to do any kind of customization and enhancements in the website as popup for iframe previews to make your existing site mor More

$355 USD in 4 days
(634 Reviews)
8.4
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
(202 Reviews)
8.3
shivmirthyusl

Hi There, Thank you for the opportunity. You are looking to develop something very similar to what you see here: [login to view URL] We can create a site similar to this and we would like to More

$555 USD in 10 days
(276 Reviews)
8.4
webqueue

Hi, I have understood the work, but I would like to clarify more about the work and its features. Please let me know. OUR RECENTLY DEVELOPED WORDPRSS SITE LINKS: [login to view URL] http://seidojuku. More

$555 USD in 10 days
(480 Reviews)
8.7
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
(497 Reviews)
7.8
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
(244 Reviews)
8.0
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
(334 Reviews)
8.2
tarunmehan

Hello, I have reviewed your given template: [login to view URL] and read all requirements in job description: 1. When "preview" is clicked, a modal with a subtle transition appears with the ifra More

$565 USD in 14 days
(88 Reviews)
7.7
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
(136 Reviews)
7.6
posspooja

HI there i have review your project and i understand you want to add Modal popup for iframe preview. I am an Wordpress Developer with more than 7 years of experience and shall get this done in about 10 days' time More

$666 USD in 10 days
(185 Reviews)
7.8
Webicules

Hi, I have checked your shared link regarding "a modal with a subtle transition appears" and I can implement this to your theme. - Add modal effect - Create two-link to view the template in a new window or a butto More

$355 USD in 5 days
(268 Reviews)
8.1
bestworkontime9

Wordress Expert, Hi there, I have gone through your project detail with attached reference site and I am much confident to build the same model pop up for iframe previews to make your existing site more functiona More

$261 USD in 4 days
(279 Reviews)
7.8
fullymagento

I have Carefully gone through your requirement & have few queries to discuss. We are a team having experience over 10+ years in PHP and it's Framework and Mobile Apps. Event booking: http://livesoftwaresolution.i More

$555 USD in 10 days
(86 Reviews)
7.4
dpbhatt02

Hi, Gone through your given site [login to view URL] and your requirement and yes we can do [login to view URL] have 6+ years experince in this field. We have done multiple similar jobs before, check out my prof More

$555 USD in 10 days
(252 Reviews)
7.4
forcitCample

Hi there, I checked the SQUARESPACE TEMPLATE link you have given and followed all the 3 instructions you have listed and have grasped the work you want me to complete in this job role. I get that you have custom Wor More

$555 USD in 10 days
(151 Reviews)
7.4