Modal popup for iframe previews for WordPress site

Ολοκληρωμένο Αναρτήθηκε Πριν 5 χρόνια Πληρώθηκε κατά την παράδοση
Ολοκληρωμένο Πληρώθηκε κατά την παράδοση

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!

CSS HTML JavaScript PHP WordPress

Ταυτότητα Εργασίας: #17160279

Σχετικά με την εργασία

75 προτάσεις Απομακρυσμένη εργασία Ενεργό Πριν 5 χρόνια

Ανατέθηκε στον:

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 Περισσότερα

$555 USD σε 10 μέρες
(539 Αξιολογήσεις)
8.9

75 freelancers κάνουν προσφορές κατά μέσο όρο $514 για αυτή τη δουλειά

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 Περισσότερα

$600 USD σε 15 μέρες
(298 Αξιολογήσεις)
8.6
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 Περισσότερα

$500 USD σε 10 μέρες
(357 Αξιολογήσεις)
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 Περισσότερα

$500 USD σε 1 μέρα
(283 Αξιολογήσεις)
8.0
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 Περισσότερα

$388 USD σε 10 μέρες
(567 Αξιολογήσεις)
8.0
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, Περισσότερα

$600 USD σε 15 μέρες
(171 Αξιολογήσεις)
7.9
omprakashkumawat

Hi there? I have gone through your requirement of showing iframe in a popup with some more items. after briefly i have completed understood your requirement and i would like to say me with my small team can be handle Περισσότερα

$277 USD σε 10 μέρες
(210 Αξιολογήσεις)
7.0
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 Περισσότερα

$666 USD σε 20 μέρες
(197 Αξιολογήσεις)
7.6
raisdhaka

Hello, Yes, I can build this template view system (as ref). We can build this with page template (or shortcode) with your custom WordPress theme. I am ready to start immediately. Regards Rais U

$250 USD σε 3 μέρες
(246 Αξιολογήσεις)
6.9
webteklab

Hello, We can build your mentioned modal popup for iframe previews for your custom made WordPress website. We are WordPress certified creative team with 9 years of experience in PHP+ framework and have done more Περισσότερα

$400 USD σε 10 μέρες
(162 Αξιολογήσεις)
6.7
ranjansingh006

Hello Sir/Madam, I have gone through with your requirement. I will provide quality work.I have six years of experience in a Wordpress. I am an expert Wordpress developer. I will do my best to satisfy you. Please Περισσότερα

$250 USD σε 3 μέρες
(142 Αξιολογήσεις)
6.5
Software9981

Hello, Hope you are doing well!! I am word press developer. I can complete your all the requirements in a great way and can give you the best budget in this whole market. You can feel free to ask any question Περισσότερα

$277 USD σε 5 μέρες
(25 Αξιολογήσεις)
6.1
shubhi8982

Hello Dear, I read you your project description and completely understood. I will appreciate your work and give the exactly same work as per your job needs. I will develop the site when you click the "preview" a mod Περισσότερα

$333 USD σε 8 μέρες
(43 Αξιολογήσεις)
5.8
vashishtrupinder

Hello, I AM READY TO START NOW we can decide rates from your side (price can be negotiated) I understood your requirement I have knowledge in this filed 5+ Years so many projects I have done. Our skill... Woocomm Περισσότερα

$750 USD σε 10 μέρες
(65 Αξιολογήσεις)
5.9
SilentStarMagic

Hi, I am an experienced programmer and I'm sure I can complete your project asap. Please contact me and tell about your project details. I promise a high quality and punctual work. Thanks. Modal popup for iframe previ Περισσότερα

$555 USD σε 4 μέρες
(15 Αξιολογήσεις)
5.2
sitwebsolution

Dear Sir/Madam, How are you? Do you want to complete your whole project with 100% satisfaction? We are here. We are from S IT Solution, we're already skilled and experienced with Περισσότερα

$500 USD σε 10 μέρες
(32 Αξιολογήσεις)
5.0
SimbaMoor

Hi Nice to meet you. I'm senior wordpress developer. Let's discuss about your project with chat. Thanks.

$1000 USD σε 10 μέρες
(14 Αξιολογήσεις)
4.3
eurosolurions

I can do your project titled "Modal popup for iframe previews for WordPress site" I got expertise in CSS, HTML, Javascript, PHP, WordPress I have been working on these types of projects since last 7 years. You can Περισσότερα

$555 USD σε 10 μέρες
(15 Αξιολογήσεις)
3.3
shrinkcom9981

Hello, Hope you are doing well!! I have 5 years of experience in web development and designing and I have read your requirement and I understood. I would love to elaborate and discuss further in chat. Thanks

$333 USD σε 5 μέρες
(4 Αξιολογήσεις)
3.9
tjcg

Hello Sir, We can successfully build websites in any frameworks of PHP, fulfilling all the requirements. We have read your job post and fully understood the requirements of the project. We believe in quality wo Περισσότερα

$500 USD σε 5 μέρες
(1 Κριτική)
2.5
eshwarms

At Venolin Technology we have a bunch of young talented developers who have vast experience in developing numerous websites and applications to clients from different countries. If you give us a chance we wouldn't disa Περισσότερα

$722 USD σε 7 μέρες
(0 Αξιολογήσεις)
0.0