Suoritettu

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!

Taidot: CSS, HTML, Javascript, PHP, WordPress

Näytä lisää: 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

Tietoa työnantajasta:
( 9 arvostelua ) St. Louis, United States

Projektin tunnus: #17160279

Myönnetty käyttäjälle:

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 Lisää

$555 USD 10 päivässä
(498 Arvostelua)
8.7

82 freelanceria on tarjonnut keskimäärin %project_bid_stats_avg_sub_26% %project_currencyDetails_sign_sub_27% tähän työhön

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. Lisää

$277 USD 5 päivässä
(673 arvostelua)
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 Lisää

$555 USD 10 päivässä
(468 arvostelua)
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 15 päivässä
(1035 arvostelua)
8.7
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 Lisää

$355 USD 4 päivässä
(623 arvostelua)
8.4
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 Lisää

$555 USD 10 päivässä
(274 arvostelua)
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+ Lisää

$1000 USD 15 päivässä
(227 arvostelua)
8.5
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 Lisää

$600 USD 15 päivässä
(198 arvostelua)
8.3
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 Lisää

$555 USD 10 päivässä
(328 arvostelua)
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. Lisää

$555 USD 10 päivässä
(479 arvostelua)
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 Lisää

$388 USD 10 päivässä
(496 arvostelua)
7.8
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 Lisää

$565 USD 14 päivässä
(86 arvostelua)
7.7
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 Lisää

$500 USD 1 päivässä
(243 arvostelua)
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 Lisää

$500 USD 10 päivässä
(332 arvostelua)
8.2
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 Lisää

$261 USD 4 päivässä
(271 arvostelua)
7.8
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 Lisää

$666 USD 10 päivässä
(185 arvostelua)
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 Lisää

$355 USD 5 päivässä
(266 arvostelua)
8.1
evadevlopers

Hello , I am ready to start We are 5 person team with designer I hope you like to see our freelancer profile https://www.freelancer.in/u/evadevlopers.html You can check our work [login to view URL] sim Lisää

$500 USD 4 päivässä
(258 arvostelua)
7.1
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 Lisää

$555 USD 10 päivässä
(84 arvostelua)
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, Lisää

$600 USD 15 päivässä
(134 arvostelua)
7.6
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 Lisää

$555 USD 10 päivässä
(151 arvostelua)
7.4