Justin Peacock

phikai

<p>Show your work in high resolution, responsive device mockups using only shortcodes. Wrap images, videos, or any other content within a few simple shortcodes to display them within any of the pre-packaged devices mockups, which are easily selectable from within the editor.</p>
<p><a href="https://devicemockupswp.com/" rel="nofollow ugc">Documentation</a></p>
<h4>Available shortcodes</h4>
<ul>
<li>[device][/device]</li>
<li>[browser][/browser]</li>
</ul>
<h4>Device Attributes</h4>
<ul>
<li>type: imac|iphone6|iphone6-plus|iphone5s|iphone5|s3|lumia920|ipad|nexus7|surface</li>
<li>color: black|white|gold|silver</li>
<li>orientation: portrait|landscape</li>
<li>stacked: open|closed</li>
<li>position: left|right</li>
<li>link</li>
<li>width: (px or %)</li>
<li>hide: left|right</li>
<li>scroll: false</li>
<li>gallery: false</li>
</ul>
<h4>Browser Attributes</h4>
<ul>
<li>type: chrome|firefox|safari</li>
<li>link</li>
<li>width: (px or %)</li>
<li>gallery: false</li>
</ul>
<h4>Creating a Gallery</h4>
<ul>
<li>Add gallery=”true” to your device|browser shortcode</li>
<li>Add your images within your device</li>
<li>Add a <code><div></code> around each image within the device</li>
</ul>
<p>I’m working to simplify this process but for now, this will get your galleries working.</p>
<p>See <a href="https://devicemockupswp.com/gallery-slider/" rel="nofollow ugc">Gallery Slider</a></p>
<h4>Recommended Image Sizes</h4>
<ul>
<li>iPhone 6 – 1334×750</li>
<li>iPhone 6 Plus – 1920×1080</li>
<li>iPhone 5s – 1136×640</li>
<li>iPhone 5 – 640×1136</li>
<li>iPad – 2048×1536</li>
<li>iMac – 1920×1200</li>
<li>Macbook Pro – 1440×900</li>
<li>Galaxy S3 – 720×1280</li>
<li>Nexus 7 – 1920×1200</li>
<li>Surface – 1920×1080</li>
<li>Lumia 920 – 768×1280</li>
<li>Chrome – 1440×900</li>
<li>Firefox – 1440×900</li>
<li>Safari – 1440×900</li>
</ul>
<h4>Bugs:</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/device-mockups" rel="ugc">Report an issue</a></li>
</ul>
<h4>Questions/Comments</h4>
<ul>
<li>https://byjust.in/contact/</li>
</ul>


Device Mockups

Show your work in high resolution, responsive device mockups using only shortcodes.

Mediamodifier

<p>Extend WooCommerce with this Mediamodifier plugin which automates your print business with instant design and mockup tools.</p>
<p><strong>Why use this plugin?</strong></p>
<p>Integrating PoD into your systems needs a lot of planning and development, from integrating JS/CSS embedded widgets, to implementing callback functions and webhooks where needed. Our WooCommerce plugin takes that stress away, by allowing the use of PoD without any custom code and by automating almost everything for the shop admin.</p>
<p>Our powerful and embedded plugin turns any website into a fully automated store where your customers can design and order prints. All your customers have to do is design, visualize, and order. All without any hassle.</p>
<p><strong>How does it work?</strong></p>
<ul>
<li>Once the keys are added to the plugin settings, the API will be connected to your customer templates, and the products on WooCommerce will be able to be connected with the PoD template.</li>
<li>Each product will now have actions to create or connect with the PoD template. Once connected, it can be edited. The editing happens in the modal, looking similar to the end-user version, but with admin elements.</li>
<li>Connecting templates with mockups happens in the PoD admin panel, which we will be helping to set up. We are working to enable a new feature, in which this portion of the admin panel functionality will also be transferred into the plugin for a single point of management.</li>
<li>Once connected, the editor automatically appends itself into the storefront, via a separate button or by replacing the “Add to basket” action (depending on the settings).</li>
<li>The user can then design their chosen product on the predefined template and see its preview before adding it to the cart.</li>
<li>The ordered products featuring user-uploaded source images, as well as previews, will be available on the WooCommerce Orders page.</li>
</ul>


PoD Plugin for WooCommerce – Mediamodifier

Extend WooCommerce with this Mediamodifier plugin which automates your print business with instant design and mockup tools.

Device Mockups vs PoD Plugin for WooCommerce – Mediamodifier