Post Format

Metro – Shopify App – Filterable Home Widgets & Galleries (eCommerce)

Last Updated on

Metro – Filterable House Widgets & Galleries

Metro is widget builder that reveals a Shopify retailer’s classes or merchandise in an interactive manner greatest match for retailer’s homepage, which is sort of a web site’s digital entrance door, and may function a spot to leap begin web site exploration. Metro makes it simple for guests to find their desired merchandise/classes proper from the beginning.

Mainly Metro is a full Shopify App which it’s constructed as a WordPress plugin making simple so that you can administrate a number of shops proper out of your WordPress Admin space. Metro additionally permits you to place recurring costs for shops that set up the app.

With Metro you’ll be able to cease paying recurring costs and have your clients (store house owners) pay recurring costs to you, there is no such thing as a restrict on what number of retailers set up the app.

Storefront preview

Check person admin space

Metro plugin consists of three elements:

1. Tremendous Admin Space

That is the place the place you edit app’s settings like: Shopify API key, API secret, pricing particulars ( how a lot would you cost / store / month, trial days & check costs), arrange whitelisted retailers and rather more.

2. Consumer Admin Space

That is the app’s admin space that integrates inside retailers. Your customers ( store house owners ) can be ready entry it proper from their retailers, make the required modifications and add performance to their retailers.

3. Storefront

The app’s storefront performance. The script and knowledge which are being loaded inside retailers. The entire script it’s fairly small ( ~ 20KB ) and it doesn’t decelerate the retailers pace because it follows Shopify guidelines (it’s being added after the doc is loaded).

Widget sorts

With Metro you’ll be able to create two kinds of widget blocks: easy and filterable. Utilizing the filterable characteristic you’ll be able to phase classes additional. A filterable widget block may have sections like: Males, Ladies, On Sale. Every part may have totally different objects that would level to a sure class or product.


  • Metro simply integrates inside a shopify store
  • Place recurring costs on your shoppers
  • Straightforward to make use of admin interface
  • Straightforward so as to add a widget / gallery inside your storefront homepage, common web page or inside any template
  • Tremendous quick, the entire script it’s fairly small ( ~ 20KB )
  • Simply change colours & type
  • Every merchandise inside a widget block has the next settings: picture, customized hyperlink, overlay coloration & opacity, name to motion textual content, place and coloration of the textual content, customized width (p.c), use MP4 loop video
  • Customized CSS
  • Complete documentation & video tutorials

App set up & setup (video)

Create filterable widget (video)

Place shortcode inside storefront homepage (video)

Place shortcode inside a daily web page (video)

<br />


Compressive documentation with video tutorials ( View Documentation ). For additional questions fell free to contact me via my profile web page.

<br />


  • SSL is required. The Shopify Admin makes use of HTTPS for all pages. For those who don’t have SSL enabled on your area please contact your internet hosting supplier and ask to allow SSL for this area. Relying in your internet hosting supplier, you would possibly want to purchase a SSL certificates. Failure to make use of SSL when operating an embedded Shopify app will trigger errors in internet browsers, as a consequence of combined content material restrictions.
  • PHP model 5.5 or better is required
  • cURL is required. As a way to make authentication requests to Shopify API, PHP cURL extension is required. If CURL shouldn’t be enabled please contact your internet hosting supplier and ask to allow cURL.
  • A Shopify Accomplice Account. You may create one totally free right here: Shopify Parners. As a way to obtain cash from Shopify be sure to fill out your PayPal account particulars.
<p><br />

NOTE! Please notice that the app is to not be printed on the Shopify App market, I doubt reviewers will enable the identical app to be printed a number of time. Moreover, they normally require some tweaks & extra documentation throughout the person admin space.


Each “Tremendous Admin Space” & “Consumer Admin Space” are constructed utilizing React v16 framework, Material UI and Shopify Polaris components

Leave a Reply