Learning Shopify Liquid

Shopify Liquid

Learning Shopify Liquid

5th September 2018 by Roger Martin

Learning Shopify Liquid

5th September 2018 by Roger Martin

Shopify Liquid Guide

This week I’ve published a short post on learning Shopify Liquid. This templating language is used to make customisation of the Shopify experience easy for developers.

As I recently went through the Shopify Plus Partners certification process I decided to get under the skin of Liquid and make some mods to my Shopify Plus sandbox store.

I like to share stuff, and I’ve created a real quick list of useful code to get you started, some of which I used in my sandbox to improve user experience and functionality.

Below is my quick guide to getting started with Shopify Liquid.

Shopify Liquid Helpers

Know which template is rendering a page

p style=“background: #f1c40f; padding: 1em; font-weight: bold;”>Current template: {{ template }}.liquid

For each example

{% for image in product.images %}
   {% endfor %}

Liquid logic example

{% if product.available %} 

Price: £99.99



{% else %} 

Sorry – sold out

Delimiters explained

The double curly brace delimiters  {{ }}  denote output, and the curly brace percentage delimiters  {% %}  denote logic.

Escaping whitespace - use %- -%

{% endif %}
{%- assign my_variable = “coffee” -%} 

{{ my_variable }} 

Adding a stylesheet - first at to assets library

 {{ ‘style.css’ | asset_url | stylesheet_tag }}

Will render the actual asset URL automatically, works for various assets.

Create and select alternate templates

Modify template view using URL’s

http://store.myshopify.com/products/blue-t-

shirt?view=special 

Loads: product.special.liquid

Specify image sizes

 {{ product.featured_image | img_url: ‘450x450’ }}

Above only works if an image is square…

Or width only (RIP)

{{ product.featured_image | img_url: ‘450x’ }}

Or height only (RIP)

{{ product.featured_image | img_url: ‘x450’ }}

To make non square images square use the crop function

 {{ product.featured_image | img_url: ‘450x450’, crop: ‘center’ }} 

Image formatting for progressive loading

 {{ product.featured_image | img_url: ‘450x450’, crop: ‘center’, scale: 2, format: ‘pjpg’ }} 

Placing imagery from assets folder

 {{ ‘logo.png’ | asset_url | img_tag: ‘Logo’ }}

Append classes to images (From assets)

 {{ ‘logo.png’ | asset_url | img_tag: ‘Logo’, 

‘cssclass1 cssclass2’ }} 

Remove img-tag to add class ID’s

”Logo”
You can also link the the Liquid Cheat Sheet here or download the official learning liquid manual here. Hopefully you find the above useful as well as the resource link and guide. If you have a Shopify project you are working on and get stuck, give us a shout to see if we can help.

Shopify Flow – Ecommerce Automation Platform

Shopify Flow

Shopify Flow – Ecommerce Automation Platform

Shopify Flow – Ecommerce Automation Platform

27th August 2018 by Roger Martin

27th August 2018 by Roger Martin

Shopify Flow – Workflow automation tools to delight your customers.

This is a short presentation on the Shopify Flow toolset that ships with Shopify Plus. Designed to take the hassle out of creating ecommerce workflows this tool makes it easy to automate specific tasks. Shopify Flow lets merchants take control of dynamic workflows without the need for costly apps, developers coding and manual workarounds (hacks).

The goal here is simplification for merchants marketing and customer service teams to develop workflows that deliver meaningful automation to give your customers better service levels, and to take the time effort out of common tasks that the team find boring/distracting.

 

Shopify Flow - trigger, condition, action

 

Example workflows include the following;

  • Automatic product reorder scripts
  • Product low inventory warnings to marketing teams to stop promos
  • Auto tag new products
  • Send Slack notification to customer services for high risk/value orders before capturing payment
  • Easy implantation of loyalty promotions based on lifetime spend
  • Track customers that come from specific campaigns by auto tagging
  • Notify customer services of a high value order to end a personal thank you

Check out the video below from Shopify that shows how the Shopify Flow tool works.

Shopify Flow is a 3-step visual workflow builder that automates tasks without the need of coding or development expertise. Its trigger, condition and action logic can automate business processes in a few clicks.

Everyday, you’re faced with competing demands on your time. Time consuming, repetitive tasks are becoming roadblocks to focusing on business growth. Often times turning to a costly patchwork of apps, developer expertise, code, and manual efforts to make workflows happen. You need an integrated automation tool to execute tasks with speed and agility in order to adapt and expand your business- Shopify Flow was designed by the team at Shopify to address it out of the box.

We hope you found this article useful. If you require further information on using Shopify Plus to grow your ecommerce business please do not hesitate to contact us.

All Change at Magento – What are the Magento Alternatives?

Magento alternatives

Magento Alternatives? Where Should We Be Looking?

26th June 2018 by Roger Martin

All Change at Magento – What are the Magento Alternatives?

26th June 2018 by Roger Martin

Magento alternatives are fast gaining credibility and traction following the ongoing Magento 2 stability issues since launch, exacerbated by bugs that are taking too long to address and now further bolstered by the recent acquisition by Adobe, which has got the Community and SME merchants thinking, “What are the Magento alternatives?”

 

Worried about Magento?

If your ecommerce business is being managed using Magento Open Source, latterly called Magento Community, it might be prudent to start looking at Magento alternatives. Particularly if you are running Magento Community 1.9 or below, as its unlikely that this will be fully supported with security patching for much longer. Magento 3 looks like it will be on its way now that the might of Adobe is in play, but there is uncertainty as to how the Community Edition will fare under their ownership.

As a digital agency of 12 years standing, we have seen a number of acquisitions by large players in the market. Most notably the IBM purchase of Silverpop and its eventual demise as it became a small cog in the enterprise wheel that is IBM Watson. Smaller clients were effectively priced out of using the tool, and it led to big wins for DotMailer, MailChimp and recently SendGrid who were well placed to pick up the SME clients. The natural move towards agile cost effective platforms is something that SME’s will always do. Adobe’s real play is likely to be in the larger enterprise market where clients can use the might of their cloud marketing platform (remember Omniture?) combined with the Magento ecommerce platform. Big billing up at the top right of Gartner’s magic Quadrant is where Adobe is headed…

Magento Enterprise has now been forked into several different incarnations, including Magento Commerce, Order Management, and is moving towards a fully managed cloud hosting system. Something Adobe will be looking to leverage. Mid size merchants might need to consider cross grading back into M2 Community if the license costs are hiked, or looking at Magento alternatives.

At Star Digital we’ve seen a marked decline in RFI requests for new Magento business in the past two years. Clients have been nervous about launching or upgrading to Magento 2, and the fees for enterprise have been lumpy, and heavily negotiated client to client. The Magento partner channel have pretty much locked any non-partners out of that ecosystem, making it harder for agencies to work in that space.

We love Magento, and we’ve done some outstanding, award winning work on the platform since 2008, but we think anyone looking to build a new store should be looking at the Magento alternatives as part of their RFI process.

We are not saying don’t choose Magento, it is still the most extensible platform in the market today – just look at your options, the landscape is changing…

Magento Alternatives – Shopify

Magento Alternatives - Shopify

Following the plethora of issues caused by the Magento 2 launch, in 2017 we signed a partner agreement with Shopify, as we believe it is a fantastic ecommerce platform for B2C clients that need the ability to launch fast, experiment, integrate with social shopping and scale without worrying about their server capacity. For B2C clients this platform is a very credible alternative that can be delivered with a lower time overhead and cost than a traditional Magento build. It comes ready installed on the Shopify cloud, and there is a vast plugin marketplace of pre-approved apps to deliver extended functionality to the platform.

With fully responsive templates and ‘Liquid’ the Shopify theming language it is easy to load dynamic content and modify the look and feel of the web site. Furthermore there are excellent plugins to create mobile apps of your Shopify store for a small monthly fee, and Shopify POS is an out of the box solution to provide a true omnichannel solution for retailers.

Shopify comes in two versions, the standard platform which is designed for businesses with a turnover of less than a million, and Shopify Plus for larger merchants. Shopify Plus comes with additional features including a wholesale channels for B2B orders. We love working with Shopify, its clean, easy to build on, and our clients love using it!

Call us on 01604 696385 to have a chat about Shopify and its growing ecosystem and advantages as a Magento B2C alternative platform. Discover more about Shopify here.

Magento Alternatives – Woo Commerce

Magento Alternatives - Woocommerce

WordPress is the most utilised platform for the delivery of web content in the world, and the Woo Commerce extension is a full ecommerce platform that has improved massively in the past 18 months, representing an incredibly effective solution for SME merchants looking to leverage online sales. With a heap of ready made templates and extensions this plugin is easy to configure and create a great looking fully mobile responsive ecommerce.

Woo Commerce gives B2C merchants a credible alternative to magenta and is definitely making inroads in the Magento Community or Magento Open Source space. The system is easy to use and can create great looking ecommerce experiences that are easy to edit and modify. The options to customise and extend are extensive using the storefront extensions, and combined with WordPress and Visual Composer or WP Bakery its really easy for businesses to manage and edit content.

Once again the platform comes in two versions with an enterprise version available for larger merchants. If you’d like to know more about how Woo Commerce can help your business please give us a call on 01604 696385.

Magento Alternatives – OroCommerce B2B

Magento Alternatives - ORO Commerce

OroCommerce is a B2B Commerce platform with a host of B2B commerce focussed features directly out of the box such as;

Corporate Account Management

Access Controls, Roles and Permissions

Multiple Organisations, Websites and Stores

Content Management System (CMS)

Personalised B2B Catalogue Management

Developed by members of the original Magento team and headed up by Maganto co-founder and CTO Yoav Kutner the platform has been developed to be a very credible Magento alternative.

Furthermore the Oro technology stack includes a full blown CRM called OroCRM with direct integration to OroCommerce and when combined with OroPlatform, a rapid application development platform that is purely open source developers can build out complete customisations to deliver on ERP, WMS and PIM systems.

The three elements combined mean that developers like us can create web applications to solve specific industry issues, and businesses get a quality application platform to solve unique business problems, deliver USP and value add for their clients and integrate to any 3rd party platform faster and more cost effectively.

The OroCommerce platform is available in both Community and Enterprise editions with enterprise pricing similar to that seen with entry level Magento Commerce solutions.

At Star Digital we think OroCommerce combined with its stablemates will be one to watch and we have begun working on the codebase in readiness for enquiries from our larger B2B Magento clients. This is a truly credible Magento alternative for B2B commerce, firmly rooted in the open source community and being built to enable developers and merchants to build groundbreaking and unique digital commerce solutions.

If you’d like to discuss requirements around Magento alternatives please drop us a line, call or email. The landscape is definitely changing in ecommerce….