{"_id":"5833aac21a80690f00d31e90","version":{"_id":"55a6e72f8cc73e0d00096638","project":"55a6e72e8cc73e0d00096635","hasReference":false,"__v":29,"hasDoc":true,"createdAt":"2015-07-15T23:05:19.125Z","releaseDate":"2015-07-15T23:05:19.125Z","categories":["55a6e7308cc73e0d00096639","55b7ed07aea7c8190058badb","5604567c0c78b00d0039b191","5605e6f23a93940d002b3e4a","5605f2bba4574a0d00811365","5605f309a4574a0d00811366","5608e3b98aedf50d0004cf8f","5608e4318aedf50d0004cf90","5608e6b5a7cc2f0d00d9754d","5608e6d331beb60d001b6560","5608f879a7cc2f0d00d97580","560b097887b71d0d000d3bd9","560b13cbafa0990d00979545","560b5cbec341310d00de2a01","560b5cd0c341310d00de2a02","566a35b81e08750d00a0c49b","566a3e8503b4b20d00d02a4a","567889d307bf6a0d0083edc8","569c8b7c15bb390d00db6f9d","56b254dc65ddf50d0076ba8f","57a8ebc4cdeea20e001d2a63","57e48a4000c8680e00fae6e7","5808216773557d0f00a1e428","58105ad54a8aa50f00aa4cba","58105bf298aea40f00afa3ba","58105f548a4aed0f00d67536","581061b898aea40f00afa3be","584b3de7e5f3a42300df6ef7","596839a75965d400155bb750"],"is_deprecated":false,"is_hidden":false,"is_beta":false,"is_stable":true,"codename":"","version_clean":"1.0.0","version":"1.0"},"category":{"_id":"5808216773557d0f00a1e428","version":"55a6e72f8cc73e0d00096638","__v":0,"project":"55a6e72e8cc73e0d00096635","sync":{"url":"","isSync":false},"reference":false,"createdAt":"2016-10-20T01:44:07.096Z","from_sync":false,"order":10,"slug":"stencil-object-model-reference","title":"Stencil Object Model Reference"},"parentDoc":null,"user":"55a6caa022cfa321008e01d6","__v":0,"project":"55a6e72e8cc73e0d00096635","updates":[],"next":{"pages":[],"description":""},"createdAt":"2016-11-22T02:17:38.201Z","link_external":false,"link_url":"","githubsync":"","sync_unique":"","hidden":false,"api":{"results":{"codes":[]},"settings":"","auth":"required","params":[],"url":""},"isReference":false,"order":28,"body":"[block:html]\n{\n  \"html\": \"<b>Description:</b> Exposes a URL and an \\\"alt\\\" string for images used in the Stencil framework <br><p></p>\\n\\n<b>Object Properties:</b><br><br>\\n\\n<table>\\n  <tr>\\n    <td>Property</td>\\n    <td>Description</td>\\n  </tr>\\n  <tr>\\n    <td class=\\\"\\\">data</td>\\n    <td class=\\\"\\\">Internal URL to product or category image</td>\\n  </tr>\\n  <tr>\\n    <td class=\\\"\\\">alt</td>\\n    <td class=\\\"\\\">Corresponding text to display for missing images, accessible screen readers, etc.</td>\\n  </tr>\\n</table>\\n\\n<b>Available through:</b> <br><p></p>\\n\\n<b>Stencil Handlebars Helper:</b> <span class=\\\"inline-code\\\"> <a href=\\\"/docs/handlebars-helpers-reference#image\\\"> {{getImage}} </a> </span> <br><p></p>\\n\\n<b>Common Object:</b> <a href=\\\"/docs/common-product-card-model\\\">Common Product Card Model</a> <br><p></p>\\n\\n<b>Object/Property:</b> <span class=\\\"inline-code\\\"> {{category.image}} </span> <br><p></p>\\n\\n<b>Arrays/Elements:</b> <span class=\\\"inline-code\\\">{{product.options.image}}, {{product.images}}, {{downloads.items.images}}, {{downloads.items.thumbnail}}, {{category.subcategories.image}}, {{order.items.image}}, {{customer.orders.image}}, {{brands.image}}, {{order.items.shipping_rows.image}} </span> <br><p></p>\\n\\n<b> Usage Example: </b> <p></p>\\n\\n<pre>\\n{{getImage image \\\"thumbnail\\\"}}</pre><br>\\n\\n<!-- <pre>\\n&lt;a href=\\\"<span class=\\\"inline-code\\\">{{url}}\\\"&gt;</span>&lt;img class=\\\"card-image\\\" src=\\\"<span class=\\\"inline-code\\\">{{getImage image 'gallery' (cdn theme_settings.default_image_product)}}</span>\\\" alt=\\\"<span class=\\\"inline-code\\\">{{image.alt}}</span>\\\">&lt;/a&gt;</pre> -->\\n\\n<!-- :\\\"Price\\\", \\\"Catalog Price\\\", & \\\"Stencil Image Format\\\" objects moved from \\\"Global Objects\\\" page -->\"\n}\n[/block]","excerpt":"","slug":"stencil-image-common-object","type":"basic","title":"Stencil Image Common Object"}

Stencil Image Common Object


[block:html] { "html": "<b>Description:</b> Exposes a URL and an \"alt\" string for images used in the Stencil framework <br><p></p>\n\n<b>Object Properties:</b><br><br>\n\n<table>\n <tr>\n <td>Property</td>\n <td>Description</td>\n </tr>\n <tr>\n <td class=\"\">data</td>\n <td class=\"\">Internal URL to product or category image</td>\n </tr>\n <tr>\n <td class=\"\">alt</td>\n <td class=\"\">Corresponding text to display for missing images, accessible screen readers, etc.</td>\n </tr>\n</table>\n\n<b>Available through:</b> <br><p></p>\n\n<b>Stencil Handlebars Helper:</b> <span class=\"inline-code\"> <a href=\"/docs/handlebars-helpers-reference#image\"> {{getImage}} </a> </span> <br><p></p>\n\n<b>Common Object:</b> <a href=\"/docs/common-product-card-model\">Common Product Card Model</a> <br><p></p>\n\n<b>Object/Property:</b> <span class=\"inline-code\"> {{category.image}} </span> <br><p></p>\n\n<b>Arrays/Elements:</b> <span class=\"inline-code\">{{product.options.image}}, {{product.images}}, {{downloads.items.images}}, {{downloads.items.thumbnail}}, {{category.subcategories.image}}, {{order.items.image}}, {{customer.orders.image}}, {{brands.image}}, {{order.items.shipping_rows.image}} </span> <br><p></p>\n\n<b> Usage Example: </b> <p></p>\n\n<pre>\n{{getImage image \"thumbnail\"}}</pre><br>\n\n<!-- <pre>\n&lt;a href=\"<span class=\"inline-code\">{{url}}\"&gt;</span>&lt;img class=\"card-image\" src=\"<span class=\"inline-code\">{{getImage image 'gallery' (cdn theme_settings.default_image_product)}}</span>\" alt=\"<span class=\"inline-code\">{{image.alt}}</span>\">&lt;/a&gt;</pre> -->\n\n<!-- :\"Price\", \"Catalog Price\", & \"Stencil Image Format\" objects moved from \"Global Objects\" page -->" } [/block]