Justin Peacock

Hey chgriffith,

Sorry for just now responding.

For the iPhone 6 the “white” color option is called “silver”. Have a look at https://devicemockupswp.com/iphone-6/ for example.

Thanks,
Justin

Hey tuftyone,

I have documentation at the following link. Hope this helps.

https://devicemockupswp.com

Sorry for the delay responding.

Maybe try removing any spaces in the shortcode like so.

<?php echo do_shortcode('[device link="" type="iphone6-plus" color="white" orientation="portrait" hide="" width="375px"][embed]https://www.demotestlink.com/bevy/wp-content/uploads/2015/11/bevy-demo.mp4[/embed][/device]'); ?>

I wanted to do this (top and bottom) but there are too many unknowns for it to be something I could put in the plugin. This is something you could probably do within your theme though. You’ll just want to create a container to the shortcode then absolute position the shortcode. You’ll want to add overflow: hidden to your container as well.

Awesome!

Awesome! I’m glad we could get it figured out ??

Let me know if you run into any other issues

Thanks,
Justin

If you’re using any type of page builder or other shortcode plugin, make sure you try 1.5.2 before giving up. The latest fix was primarily to fix issues with that.

Also make sure there isn’t any whitespace inside the shortcode and that should help with any extra p or br tags.

As for slide speed there isn’t a quick way to change this at the moment but I’m planning to build a settings page that would allow for adjustment.

If you’d like to try and adjust it right now, take a look at https://kenwheeler.github.io/slick

You would need to use the following in your own js file.

$('.dm-device .gallery').slick('unslick'); to remove the settings being set then add the following.

(function ($) {
    $('.dm-device .gallery').slick({
        dots: false,
        arrows: false,
        infinite: true,
        slidesToShow: 1,
        adaptiveHeight: true,
        autoplay: true,
        autoplaySpeed: 4000 // change speed here
    });
})(jQuery);

Awesome ??

Nice to see how people are using the plugin. Looks great with it hidden like that.

You can find 1.4.2 here

https://github.com/sixteenbit/device-mockups/releases/tag/1.4.2.1

I’ll see if I can figure out the issue though

Hey Jason,

Just pushed an update that includes what we worked on last night. I also fixed some issues where the styles weren’t enqueuing if the shortcodes were being used in widgets.

Thanks for all the help!
Justin

Just pushed an update if you’d like to see if that’s fixed everything for you.

Thanks,
Justin

You can grab it here. https://github.com/sixteenbit/device-mockups/releases/tag/1.4.2.1

BUT I think I may have resolved the issue. I’m going to do some more testing before I push to WP.

Thanks for the help in pointing out the bug.

I think i know the issue. Just trying to figure out how to fix it.

In the latest release i’m only enqueuing styles/scripts when the shortcode is used in a post/page but this doesn’t work in widgets. So I just need to figure out a way to enqueue if the shortcode is used in widgets.

Stick with 1.4.2 for right now until I get this issue fixed.

Hey compelling,

I was able to get it to work with the following code.

[su_row][su_column size="1/2"][device link="" type="iphone5" color="white" orientation="portrait" hide="" width=""]<img class="alignnone" src="https://i.mrdk.in/640x1136" alt="iPhone 5" width="640" height="1136" />[/device][/su_column] [su_column size="1/2"][su_service title="Feature 1" icon="icon: check-circle"]We do this[/su_service]
[su_service title="Feature 2" icon="icon: check-circle"]We do this[/su_service][/su_column][/su_row]

[su_row][su_column size="1/2"][su_service title="Feature 3" icon="icon: check-circle"]We do this[/su_service]
[su_service title="Feature 4" icon="icon: check-circle"]We do this[/su_service][/su_column]
[su_column size="1/2"][su_animate][device link="" type="iphone5" color="white" orientation="portrait" hide="" width=""]<img class="alignnone" src="https://i.mrdk.in/640x1136" alt="iPhone 5" width="640" height="1136" />[/device][/su_animate][/su_column][/su_row]

I think you had a missing closing tag. It’s working in the latest updating I’m working on but test it in 1.5.1 and see if it works as well.

Thanks,
JP

Hey compelling,

I worked on this issue last night some as my shortcodes aren’t playing nice with page builders. I think I have the issue resolved but I’m doing some further testing.

I’m going to download and test the shortcode plugin you mentioned today and test the latest.

Thanks,
JP