racl101 + shopify   230

Ecommerce University | Contact Form Country/Province Dropdown - Shopify Design
The short of it is: if you are using shopify's country_option_tags variable you'll need to include the 'shopify_common.js' | shopify_asset_url | script_tag JavaScript library to be able to dynamically populate the province / state field. Look to the Shopify Debut theme to see how this is done.
shopify  forum  ecommerce  university  contact  form  addresses  customer  country  province  dropdown  howto  example  guide  reference  jquery 
august 2018 by racl101
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 
august 2018 by racl101
Reorder module to drop inside collection.liquid - may need CSS love. http://docs.shopify.com/manual/configuration/store-customization/advanced-navigation/add-a-reorder-drop-down-menu-to-a-collection-page
This snippet demonstrates how to implement a jump menu on a the collections.liquid template to choose a particular type of sorting for the product listing and it works by using JavaScript and Jquery. It works well. All you need to do is set the selectors correctly.
shopify  collection  template  product  listing  howto  example  jumpmenu  sort  by  sortby  ordering  price  title  best  selling  github  gist  javascript  jquery 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 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 
august 2018 by racl101
« earlier      
per page:    204080120160

related tags

absolute  access  account  accounts  adapter  add  added  additional  addon  addons  address  addresses  admin  advanced  ajax  ajaxfy  all  alternate  and  api  app  apps  apress  argument  array  article  asset  assets  asset_url  assign  at  attribute  Awesome  background  basic  best  bestpractices  bigcommerce  block  blog  Bogus  boolean  breadcrumb  break  build  bulk  Bundle  by  callback  capture  cart  cartjs  case  categories  caveat  cdn  certain  cheat  cheatsheet  check  code  collection  collections  command  commandline  commands  compare  comparison  concepts  config  configuration  configure  console  contact  contains  content  continue  control  cookies  country  create  created_at  credentials  css  csv  current  customer  customization  cycle  data  date  datetime  decrement  default  deploy  design  designer  designers  detect  detection  Developer  development  discount  discussion  display  divisible  dns  docs  documentation  domain  domains  download  dropdown  dropify  e-commerce  ebook  ecommerce  editor  else  elsif  email  emptiness  empty  enable  environment  event  example  excerpt  explanation  export  extension  false  falsiness  faq  featured-image  field  fields  filter  filters  find  first  flow  font  for  forloop  form  format  forum  framework  free  front  frontpage  function  gateway  gem  get  gettingstarted  gist  github  global  globals  grid  guide  Guie  hack  handle  handler  highlight  home  homepage  howto  html  hyperlink  if  image  images  implementation  import  importing  in  include  increment  index  individual  integrate  integration  interactive  interesting  internationalization  Item  iteration  javascript  jquery  js  json  jumpmenu  kit  language  last  layout  layouts  leading  library  limit  line  link  linklist  links  liquid  liquify  list  listing  lists  load  loading  local  locales  logic  logical  login  loop  macosx  mailchimp  mailing  main  manually  markup  menu  messages  meta  metafield  metafields  methods  module  modulo  name  navigation  newline  nil  no  not  notification  npm  number  object  objects  obtain  official  operator  operators  options  or  order  ordering  orders  output  override  overview  package  Packagecontrol  page  pages  paginate  pagination  partners  password  payment  php  phrase  placeholder  plugin  plugins  policy  post  practices  price  private  product  products  project  properties  province  proviso  published_at  purchase  quantity  query  rails  range  recently  recommendation  reference  referrence  Relate  related  relation  relationships  remainder  repl  repo  repository  results  return  review  ruby  rubygems  rubyonrails  run  sample  sandbox  sass  schema  scheme  search  section  sectioned  sections  seed  selling  SEO  set  settings  setup  sharing  sheet  Shell  shop  shopify  shopifypartners  shopifyuniversity  shopping  shoppingcart  short-hand  show  signup  site  size  Sizes  skeleton  Sku  slate  snippet  snippets  socialmedia  solution  sort  sortby  source  sources  specific  stackoverflow  statement  static  steps  store  Storefront  string  structure  styles  stylesheet  subcategories  subdomains  sublime  sublimetext  sublimetext3  submenu  subset  support  svg  svg_tag  syntax  t  tag  tagged  tags  taxes  template  templates  templating  test  testing  text  textmate  theme  themekit  themes  theming  time  title  to  tolearn  tool  toolkit  Tools  toread  totry  tounderstand  translation  troubleshooting  true  truth  truthiness  tutorial  tutorials  tuts  tutsplus  typekit  types  university  Unix  up  upload  url  use  user  variable  variant  variants  variations  vendors  vue  vue2  vuejs  when  widget  wiki  workflow  wrapper  yarn  year  zeros 

Copy this bookmark:



description:


tags: