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!

Kemahiran: CSS, HTML, Javascript, PHP, Wordpress

Lihat lagi: 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

Tentang Majikan:
( 9 ulasan ) St. Louis, United States

ID Projek: #17160279

Dianugerahkan kepada:

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 Lagi

$555 USD dalam 10 hari
(488 Ulasan)
8.7

83 pekerja bebas membida secara purata $510 untuk pekerjaan ini

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. Lagi

$277 USD dalam 5 hari
(659 Ulasan)
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 Lagi

$555 USD dalam 10 hari
(467 Ulasan)
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 dalam 15 hari
(1008 Ulasan)
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 Lagi

$555 USD dalam 10 hari
(321 Ulasan)
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+ Lagi

$1000 USD dalam 15 hari
(223 Ulasan)
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 Lagi

$355 USD dalam 4 hari
(585 Ulasan)
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 Lagi

$600 USD dalam 15 hari
(186 Ulasan)
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 Lagi

$555 USD dalam 10 hari
(272 Ulasan)
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. Lagi

$555 USD dalam 10 hari
(478 Ulasan)
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 Lagi

$388 USD dalam 10 hari
(490 Ulasan)
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 Lagi

$261 USD dalam 4 hari
(265 Ulasan)
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 Lagi

$355 USD dalam 5 hari
(259 Ulasan)
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 Lagi

$500 USD dalam 10 hari
(324 Ulasan)
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 Lagi

$500 USD dalam sehari
(232 Ulasan)
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 Lagi

$555 USD dalam 10 hari
(118 Ulasan)
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 Lagi

$666 USD dalam 20 hari
(187 Ulasan)
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 Lagi

$555 USD dalam 10 hari
(151 Ulasan)
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 Lagi

$555 USD dalam 10 hari
(84 Ulasan)
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, Lagi

$600 USD dalam 15 hari
(126 Ulasan)
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 Lagi

$565 USD dalam 14 hari
(78 Ulasan)
7.5