Færdiggjort

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!

Evner: CSS, HTML, Javascript, PHP, WordPress

Se mere: 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

Om arbejdsgiveren:
( 9 bedømmelser ) St. Louis, United States

Projekt ID: #17160279

Tildelt til:

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 Flere

$555 USD in 10 dage
(488 bedømmelser)
8.7

83 freelancere byder i gennemsnit $510 på dette 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. Flere

$277 USD in 5 dage
(659 bedømmelser)
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 Flere

$555 USD in 10 dage
(467 bedømmelser)
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 dage
(1008 bedømmelser)
8.6
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 Flere

$555 USD in 10 dage
(321 bedømmelser)
8.3
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+ Flere

$1000 USD in 15 dage
(223 bedømmelser)
8.5
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 Flere

$355 USD in 4 dage
(585 bedømmelser)
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 Flere

$600 USD in 15 dage
(186 bedømmelser)
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 Flere

$555 USD in 10 dage
(272 bedømmelser)
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. Flere

$555 USD in 10 dage
(478 bedømmelser)
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 Flere

$388 USD in 10 dage
(490 bedømmelser)
7.8
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 Flere

$261 USD in 4 dage
(265 bedømmelser)
7.7
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 Flere

$355 USD in 5 dage
(259 bedømmelser)
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 Flere

$500 USD in 10 dage
(324 bedømmelser)
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 Flere

$500 USD på 1 dag
(232 bedømmelser)
8.0
Sonia8619

Dear Sir / Ma’am, I am writing a proposal for your job.I have gone through the complete job description and placed bid accordingly.I am really interested for this project as this is area of my [login to view URL] near a Flere

$555 USD in 10 dage
(118 bedømmelser)
7.5
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 Flere

$666 USD in 20 dage
(187 bedømmelser)
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 Flere

$555 USD in 10 dage
(151 bedømmelser)
7.4
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 Flere

$555 USD in 10 dage
(84 bedømmelser)
7.4
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, Flere

$600 USD in 15 dage
(126 bedømmelser)
7.5
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 Flere

$565 USD in 14 dage
(78 bedømmelser)
7.5