{"id":922,"date":"2013-12-30T22:38:40","date_gmt":"2013-12-30T22:38:40","guid":{"rendered":"http:\/\/scunster.co.uk\/?p=922"},"modified":"2013-12-30T22:45:10","modified_gmt":"2013-12-30T22:45:10","slug":"adding-an-image-to-a-product-option-checkbox","status":"publish","type":"post","link":"https:\/\/scunster.co.uk\/?p=922","title":{"rendered":"Adding an image to a product option checkbox"},"content":{"rendered":"

You can add an image using the “image” option of the OpenCart option. Unfortunately this option only works as a radio button and once ticked can not be unticked.<\/p>\n

To show the check box option image you need to add the following code to the product.tpl file under:<\/p>\n

\/catalog\/view\/theme\/”your_theme”\/template\/product<\/p>\n

Directly after:<\/p>\n

        <?php if ($option['type'] == 'checkbox') { ?>\r\n        <div id="option-<?php echo $option['product_option_id']; ?>" class="option">\r\n          <?php if ($option['required']) { ?>\r\n          <span class="required">*<\/span>\r\n          <?php } ?>\r\n          <b><?php echo $option['name']; ?>:<\/b><br \/>\r\n          <?php foreach ($option['option_value'] as $option_value) { ?><\/pre>\n
Add This:<\/p>\n
<!-- Following was added by ME! to allow images on checkbox -->\r\n\r\n<label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><img src="<?php echo $option_value['image']; ?>" alt="<?php echo $option_value['name'] . ($option_value['price'] ? ' ' . $option_value['price_prefix'] . $option_value['price'] : ''); ?>" align="middle"\/><\/label>\r\n\r\n<!-- Above was added by ME! to allow images on checkbox --><\/pre>\n","protected":false},"excerpt":{"rendered":"
You can add an image using the “image” option of the OpenCart option. Unfortunately this option only works as a radio button and once ticked can not be unticked. To show the check box option image you need to add the following code to the product.tpl file under: \/catalog\/view\/theme\/”your_theme”\/template\/product Directly after: <?php if ($option['type'] == […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[185,12],"tags":[],"class_list":["post-922","post","type-post","status-publish","format-standard","hentry","category-open-cart","category-webhosting"],"_links":{"self":[{"href":"https:\/\/scunster.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/922","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/scunster.co.uk\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/scunster.co.uk\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/scunster.co.uk\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/scunster.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=922"}],"version-history":[{"count":5,"href":"https:\/\/scunster.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/922\/revisions"}],"predecessor-version":[{"id":927,"href":"https:\/\/scunster.co.uk\/index.php?rest_route=\/wp\/v2\/posts\/922\/revisions\/927"}],"wp:attachment":[{"href":"https:\/\/scunster.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=922"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/scunster.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=922"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/scunster.co.uk\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=922"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}