recentpopularlog in

racl101 : reference   5791

« earlier  
How to check if a number is divisible by another number in Shopify - Shopify Tips
Good example showing how to get the remainder (modulo division) in a shopify template using Liquid. Useful for doing smart grid layouts.
blog  tutorial  howto  example  divisible  check  number  remainder  modulo  guide  reference  shopify  liquid  syntax  theme  development  grid  layout 
12 hours ago by racl101
Ecommerce University | Sort "All Products" collection by product type - Shopify Design
An example of how to sort all products in a collection array, by a certain attribute. For example, if you wanted to sort by the dates that products were published at you could use this attribute: 'published_at'. Note, that you have no option by which to sort, so it's always ascending. So if you want descending then you need to pass the '| reverse' array filter.
shopify  ecommerce  university  forum  howto  example  sort  products  in  collection  by  certain  attribute  liquid  theme  development  guide  reference 
5 days ago by racl101
Ecommerce University | Display 12 Recently Added Products on Homepage - Shopify Design
I came up with a rudimentary way to display the most recently added products to the index page.
shopify  forum  ecommerce  howto  example  guide  reference  show  display  query  recently  added  products  index  template  theme 
5 days ago by racl101
The variant object · Shopify Help Center
It is the variant object which contains info about a product's quantity.
shopify  documentation  guide  reference  variant  object  liquid  product  howto  example 
5 days ago by racl101
Theme sections · Shopify Help Center
Theme sections contain section specific theme settings. Note, that even though you can statically / manually add sections to different templates using the {%- section -%} tags, that any data added to those settings is STILL SHARED by all the templates that include the section. So, in other words, if you want to have data specific to certain templates which include the sections you need to use something like section blocks whereby you can specify the name of the template for which a portion of data pertains to. Then in your code you can detect the template name and use the data specific to that template.
shopify  documentation  guide  reference  section  theme  development  schema  sections  data  howto  example  toread  tolearn  totry  tounderstand 
5 days ago by racl101
Theme sections · Shopify Help Center
Theme sections contain section specific theme settings. Note, that even though you can statically / manually add sections to different templates using the {%- section -%} tags, that any data added to those settings is STILL SHARED by all the templates that include the section. So, in other words, if you want to have data specific to certain templates which include the sections you need to use something like section blocks whereby you can specify the name of the template for which a portion of data pertains to. Then in your code you can detect the template name and use the data specific to that template.
shopify  documentation  guide  reference  section  theme  development  schema  sections  data  howto  example  toread  tolearn  totry  tounderstand 
5 days ago by racl101
Configuring theme settings · Shopify Help Center
Talks about the global settings_schema.json file which contains theme settings to set for your entire theme such as the favicon, font size, font color, etc. That sort of thing.
shopify  documentation  guide  reference  theme  development  settings  editor  schema  global  howto  example 
5 days ago by racl101
Ecommerce University | Shopify - using if statements within js.liquid files - Shopify Design
This forum contains a good explanation of why certain liquid template keywords like: {{ template }} do not return what you expect in .js.liquid files. So don't use it to try to detect the template from within the .js.liquid files. Instead, in the theme.liquid template, in the head tag do something like this:

<script>
var template = {{ template | json }};
</script>

and then use that variable in your JavaScripts that you include externally, like so:

if(template === 'index'){
console.log('homepage loaded');
}
shopify  ecommerce  university  forum  guide  reference  explanation  css  javascript  assets  template  detection  liquid  syntax  caveat  proviso  toread  tolearn  tounderstand 
5 days ago by racl101
Ecommerce University | Absolute url - Shopify Apps
Simple example of how to get the absolute, shop/store url. It may seem obvious but it's hardly documented anywhere. Most template examples use the forward slash '/', which is fine for some places, but every now and then you need the actual shop url.

{{ shop.url }}{{ product.url }}
shopify  forum  ecommerce  university  howto  example  get  shop  store  absolute  url  guide  reference 
5 days ago by racl101
Theme Kit Configuration
This commandline tool works really well and has every command you could need for working on Shopify themes. It's also not dependent on any editor, the way certain tools were (e.g. with TextMate). So you can you use your favorite editor like SublimeText, for example, with this tool.
shopify  theme  development  tool  kit  themekit  documentation  guide  reference  configuration  commandline 
5 days ago by racl101
The metafield object · Shopify Help Center
To work with metafields you need a Shopify app to access them. Here's an example of a free app that works well:

Metafields Editor by Webify Technology


Just Google it.
shopify  documentation  tutorial  howto  example  product  metafield  object  liquid  guide  reference 
5 days ago by racl101
Feature a subset of collections on a page · Shopify Help Center
Shows how to create a custom page for displaying one or more specific collections, which, you can designate by way of using a menu (link lists).
shopify  theme  development  howto  example  guide  reference  display  listing  collections  subset  menu  link  lists  tutorial  snippet 
5 days ago by racl101
shopify_jquery_ajax_api/jquery.api.js at master · carolineschnapp/shopify_jquery_ajax_api
This is seems to be the main jQuery / Ajax library that is promoted by Shopify. Works fairly well but it could use some actual documentation.
github  shopify  ajax  api  jquery  library  guide  reference  cart  product  variant 
5 days ago by racl101
MetaFields Editor – Ecommerce Plugins for Online Stores – Shopify App Store
Actually works pretty well. Also, it works with test Shopify sites that you create using a Partners account as well. Great for theme development. A practical use for metafields is to implement a related products listing within a product template. Like so:

https://gist.github.com/carolineschnapp/1003334
shopify  apps  product  metafields  meta  fields  editor  free  related  products  test  store  site  guide  reference  plugin 
7 days ago by racl101
« earlier      
per page:    204080120160

Copy this bookmark:





to read