Justin Peacock

Scrolling and gallery weren’t really built to work with each other. It most likely will not work as you’e expecting.

• This reply was modified 7 years, 1 month ago by Justin Peacock.

Hey @uxankco,

By default WordPress doesn’t allow shortcodes in widgets, but if you add the following to your functions.php within your theme it will allow it.

add_filter('widget_text','do_shortcode');

Hey all,

I was working to implement this but it’s going to be difficult with so many variables (image height/width, speed of scroll, etc)

If someone has a better idea of how to do it, just let me know but I’m going to close this thread for now.

Hey @mcoolu,

Sorry for the delay. There was a few months where I didn’t have time to devote to this plugin.

I’ve been updating and optimizing this plugin over the past few weeks. Grab the latest and see how you like it. The Gallery option is done a little different now.

Have a look at https://devicemockupswp.com/gallery-slider/.

Hey @jj73,

I’ve been optimizing this plugin over the past few weeks. Can you grab the latest and see how it’s working now along with optimizepress?

@codebastler the reasoning behind no scrolling on mobile was that I found it a little intrusive when you’re scrolling down the page. For example, when you’re scrolling normally and get to the device mockup it would start scrolling the device instead of normal scrolling.

If you want to add it to your site just add the following to your theme stylesheet

.dm-scroll > .device > .screen {
overflow-y: scroll;
}

This will make it scroll for all screen widths.

• This reply was modified 7 years, 3 months ago by Justin Peacock. Reason: fixed css

Hey @codebastler

Have a look at https://devicemockupswp.com/scrolling/

Main thing is to make sure you’re adding scroll=true to the shortcode.

Are you adding this and it’s still not working?

EDIT:

Scratch that – just realized some updates that I was working on got pushed up by accident ??

If you need a fix right away, use 1.6.1, if not I’ll be pushing an update soon.

EDIT 2:

Thanks for helping with that @codebastler. I’ve put the stable tag back at 1.6.1. I’m in the process of updating the plugin and setting the version to 1.7.0 ended up pushing the work in progress. Delete the plugin and reinstall and everything should be working as expected.

• This reply was modified 7 years, 3 months ago by Justin Peacock.
• This reply was modified 7 years, 3 months ago by Justin Peacock.

Hey guys,

Sorry for the late response. This is something I’m planning to add I just haven’t had much time to dedicate lately. You can subscribe to this issue on Github for any follow-ups.

Not through the plugin other than just taking a screenshot of what’s output.

Hey @clorange,

Sadly no, it won’t. It would be a nice feature it would be difficult to load a site correctly within a shortcode like this.

Hey remery,

That’s most likely a style that’s in your theme.

Hey Ida,

Have a look at https://www.devicemockupswp.com/scrolling/

The only thing I see in your code that might be incorrect is the src=””. Remove src=”Eden Roc Inn Suites Disneyland Anaheim/100%” and make sure you put the image inside the shortcode.

Also, currently you can’t put the browser inside of the macbook but that’s a great idea. I will see if I can come up with something for that.

Hey 9minday,

There are some known issues with embedding. It’s a lot to do with what theme is being used, what plugins are installed, etc but take a look at https://devicemockupswp.com/embedding/ and see if you can get it working. Try using the shorter link YouTube gives you rather than the actual embed code.

Thanks,
Justin

Hey remery,

There’s a “width” attribute you can use which will put a max-width container around the device.

Example:
[device type="macbook" width="400px"]<img class="alignnone" src="https://img.sixteenbit.com/1440x900" alt="Macbook" width="1440" height="900" />[/device]

The width attribute can use pixels or a percentage.

Hope this helps!

Justin

Hey yash78910,

Could you post an example of the shortcode that you’re putting in your content area?

Thanks,
Justin