Tamamlanmış

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!

Beceriler: CSS, HTML, Javascript, PHP, WordPress

Daha fazlasını gör: 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

İşveren Hakkında:
( 9 değerlendirme ) St. Louis, United States

Proje NO: #17160279

Seçilen:

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 Daha Fazla

%selectedBids___i_period_sub_7% gün içinde 555%project_currencyDetails_sign_sub_9% %project_currencyDetails_code_sub_10%
(488 Değerlendirme)
8.7

Bu iş için 83 freelancer ortalamada $510 teklif veriyor

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. Daha Fazla

in %bids___i_period_sub_35% gün içinde277%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(659 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(467 Değerlendirme)
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,

in %bids___i_period_sub_35% gün içinde548%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(1008 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(321 Değerlendirme)
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+ Daha Fazla

in %bids___i_period_sub_35% gün içinde1000%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(223 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde355%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(585 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde600%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(186 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(272 Değerlendirme)
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. Daha Fazla

in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(478 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde388%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(490 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde261%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(265 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde355%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(259 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde500%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(324 Değerlendirme)
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 Daha Fazla

1 gün içinde %bids___i_sum_sub_32%%project_currencyDetails_sign_sub_33% USD
(232 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(118 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde666%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(187 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(151 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde555%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(84 Değerlendirme)
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, Daha Fazla

in %bids___i_period_sub_35% gün içinde600%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(126 Değerlendirme)
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 Daha Fazla

in %bids___i_period_sub_35% gün içinde565%project_currencyDetails_sign_sub_37% %project_currencyDetails_code_sub_38%
(78 Değerlendirme)
7.5