Please update this great plugin !!!
]]>Is This Still Supported?,
If so some updates would be nice
seen no updates since 1yr b4 my comment here
]]>All screenshots in 1334×750 shown in the iPhone 6 frame are cut off at the bottom. The following css mod fixes this. Line 328-334 in devicemockups.css (changed to/bottom percentages a bit):
dm-device[data-device=’iphone6′] > .device > .screen,
.dm-device[data-device=’iphone6′][data-orientation=’portrait’] > .device > .screen {
bottom: 12%;
left: 6.6%;
right: 6.6%;
top: 11%;
}
Hello,
I am using your plugin to have a stacked slider.
I would need the slides to be stacked, in order changing an image would change the other devices image at the same time.
Thank you.
Hello, I have read every single post here but I don’t get anywhere. I am using the Elementor Builder and it does provide a Shortcode Drag and Drop. None of the shortcodes of yours work on my WP site and im so sad. The device image never shows, what am I doing wrong? Your documentation doesn’t help me one bit. Can I ask, taking this example (https://devicemockupswp.com/scrolling/):
[device link="https://thewaltdisneycompany.com" type="macbook" scroll="true"]<img src="https://devicemockupswp.com/wp-.........." alt="twdc" width="1440" height="21862" />[/device]
must i just copy that code and paste it in my shortcode? and thats it? if so:
by ….type=”macbook”…., why doesn’t the macbook show up on my website, do i need to download a macbook image? coz it doesnt appear at all. the only thing that shows up is the very long image https://devicemockupswp.com/wp-….
Hi Justin, thank you for the fantastic plugin!! I noticed one issue when setting up my pages. I can’t seem to get the gallery slider working when I use the browser option. If I change the tag from browser to device and the type from safari to macbook it works. I tried following the example as closely as possible with the divs around the images.
One other thing, have you considered offering a premium version with the latest models for iPhone and Android? I know I would be more than happy to pay something to help support this plugin and keep it up to date. Seriously, trying to do this manually is so time consuming. Thanks so much for creating this!
]]>I’d like to use my own images for monitor(s), tablet(s) and phone(s) instead of the (IMO) very much over-used Apple products. Is it possible to add ‘custom’ devices somehow?
]]>Hello,
I installed Device Mockups. The button in the visual editor is not showing. There is a warning that my WordPress version has not been tested (4.9.1). Any idea when a fix will be available or do I need to revert back to 4.8.4?
Thanks.
]]>Hello your plugin is fantastic and very easy to display. Couls you consider to add to mockups 1 or 2 versions of classic windows monitor?
Thanks
]]>Hi Justin. Thanks for creating such an awesome plugin.
I was wondering if the user is able to turn on multiple options like gallery slider + scrolling.
I am a web designer and this would be awesome for displaying several website projects in a single wrapper.
Look forward to hearing your response.
]]>I try to use this plugin into portfolio item with Visual Composer but it don’t works.
]]>Hello,
I am using the text widget to display the mockup graphic. I’m trying to display the graphic on the right while displaying some text on the left. So far I haven’t been able to display anything other than the graphic itself though. I’ve tried writing the text directly into the widget and attempted to use a shortcode that should trigger a textbox display, but nothing has worked. Is their a way to fix this?
Here’s what I’m able to display so far: https://imgur.com/a/C1yRK
]]>Hi,
I’m using the latest version of DeviceMockups (1.8.1), version 4.8.1 of WordPress and VisualComposer 5.1.1 (bundled with Jupiter 5.9.7).
When the gallery is the only element on a page, it works perfectly (as seen here). However, when it nested within a page section shortcode, or there are any other elements on the page, it displays all images, and then multiple grey images, instead of looping back to the starting image (as seen here).
I tried @isoluce ‘s method of the following:
go to plugins/device-mockups.js
Just before the initialization of the slick in js, remove the br by adding the line:
$(‘.dm-device .gallery br’).remove();
However, it did not work.
I also changed the wp-image-XXX classes to match the image ID’s, which worked on the isolated gallery, but not on the gallery with other page elements.
If you have any ideas on how to fix this issue, that would be great.
]]>Very interesting plugin, but unfortunately the scrolling within device doesn’t work.
Used the shortcode of your demo page.
Examples: https://playground.codebastler.com/devices/
Tried it with all plugins deactivated and Theme Twenty Seventeen.
]]>Hi, thanks for creating such a beautiful plugin!!!
It works very well on my pages. When i try to use it with optimizepress, the video is shown, but unfortunetly the device frame not. Any idea how i can fix this?
Would be great if device mockup and optimizepress would work together, because op has no device frames.
kind regards
Jak
Hello,
My Slider gallery not working properly. I only see 2 picture and not 4.
The last two are black.
My code is:
[device type=”macbook”][gallery size="large" ids="810,811,812,813"][/device]
You can see the slider on this website : https://kurator.fr/
Thank You
]]>I am having trouble displaying a gallery. This is the shortcode I am using:
[device type=”macbook”][gallery size="large" ids="827,812"][/device]
Here is what it looks like on the site: https://zeemdevelopment.com/wp-content/uploads/2017/03/gallery.jpg
I only see one picture which doesn’t fill the macbook, and the rest are just gray screens. The picture sizes are 1440×900 and the default size for large in wordpress is set to max width:1920 and max height: 1920.
]]>Is it possible to make it so that the image inside the device can auto scroll on hover? I’ve seen this affect on Theme Forest and other theme developer demos.
I’ve been trying to make it happen, but so far it’s breaking out of the device at the top by about 50 – 75 px or so. I just cant figure it out – lol.
Thanks!
]]>Hi Justin,
Love this plugin. However, is there a way for me to generate my output as an image to be stored in the library (rather than html output via shortcode)?
Thanks!
I was wondering if it was possible to embed live websites? Thanks
]]>Despite using the recommended image size of 1440 x 900 for MacBook Pro, there is a gap at the top. The image is not filling the container completely.
Any ideas on this?
]]>Hi there!
I can’t get my screen to scroll on the macbook device template. When I click on the screen, it jumps to the media file.
This is my short code:
[device link=”https://www.idagambancreative.com/wp-content/uploads/2016/07/Eden-Roc-Inn-Suites-Disneyland-Anaheim.png” type=”macbook” color=”white” orientation=”landscape” hide=”” width=”100%” scroll=”true”] src=”Eden Roc Inn Suites Disneyland Anaheim/100%”[/device]
Also, is there a way to get the browser to show up on the macbook?
Thanks!
Ida
Hi, first of all, love your little plugin! Great job!
Here is my issue. I use iphone6 mockup and find that my linked image size (exactly 750×1334) has been cut off a little bit at bottom.
The reason is because the height of the device image was squeezed a little bit (which will cut off 750×1334 image at bottom) by coding. The size of your iphone6 image source is absolutely right! So the problem is the coding.
Could you please check to see if the device image has been scaled properly?
Please let me know how to fix it.
Thanks for your excellent work!!
Hi, I tried to use browser shortcode but it’s not working, showing just thin line.
Is it possible to let image to be automatically croped?
Can I embed website?
]]>Hello!
I use the macbook mockup and want to show a youtube video embeded.
It’s just blank inside the “screen”.
I use the code:
[device type=”macbook” orientation=”landscape”]
[embed width="auto" height="auto"]https://www.youtube.com/watch?v=83rcHghgNxA[/embed]
[/device]
Great plugin, thanks. Quick question regarding the device sizing (not image therein). How can I reduce the overall size of Macbook for example?
]]>Hi Justin,
How about adding a smart watch as device? We are just shipping our grocery app groshapp.com on Pebble Time and next up is Apple Watch. They look quite similar with a rounded casing and square screen, so don’t think you need separate versions if you just go with a black casing.
You can find templates for pebble here:
https://s3.amazonaws.com/developer.getpebble.com/assets/other/pebble-frames.zip
Kind regards
S?ren
sounds good, but not sure how to use the plugin. can you shed some light?
thanks
]]>Is there an option to use a white iPhone 6? The only code I am seeing is for use on a black phone.
]]>I am developing a theme in which i want to add the mockup of iphone on every page . So I am using Device Mockup but it is not showing the device frame it is only showing the image . Please help
]]>