Converting Shopify Themes to Tradelr Themes

Tradelr uses the open-sourced liquid templating engine originally created by Shopify.

Tradelr themes are very similar to Shopify themes. However, Shopify themes will not work on tradelr without some changes.

A couple of things which are different in Tradelr includes

  • we do not support vendor types
  • we do not support product types
  • we do not support customer templates
  • our product variants are structured differently from Shopify
  • we do not support compare at prices
  • we support discount coupons

Theme Changes

To modify Shopify themes so that there will work correctly on Tradelr, you will need to carry out the following changes

  • rename shopify_asset_url to tradelr_asset_url
  • remove link_to_type
  • remove product.type
  • remove link_to_vendor
  • remove product.vendor
  • product.compare_at_price_min and product.compare_at_price_max
  • rename product.compare_at_price to product.price
  • rename product.featured_image to product.default_image
  • remove shop.money_format and shop.money_with_currency_format. Tradelr uses currency variable for formatting money values
  • rename variant.weight to product.weight
  • in your contact and comment forms remove input name brackets from form tag input fields 
  • remove customer templates
  • add {{ login_for_store }} just before <body> to add links for customers to login

Cart Changes

The following are changes specifically for the cart.liquid template file

  • add discount input field if you want to support discount codes. 
  • add cart.subtotal_price (before discount), cart.discount_amount, and update usage of change cart.total_price which is not the price after discount.
  • rename item.line_price to item.total_price
  • remove input name brackets from cart.liquid
  • rename item.variant.id to item.id

Product Collections

When determining the current product url, you no longer need to check if a collection exist to create a product within a collection url. The proper url with be automatically determined. For example,

With Shopify, you would have needed to specify

{% if collection %}/collections/{{ collection.handle }}{% endif %}/products/{{ product.handle }}

With Tradelr, all you need to specify is

{{ product.url }}