Skip to content

Instantly share code, notes, and snippets.

@rsangeethk
Created September 30, 2013 08:34
Show Gist options
  • Save rsangeethk/6760912 to your computer and use it in GitHub Desktop.
Save rsangeethk/6760912 to your computer and use it in GitHub Desktop.
Add Image to Option(checkbox) Opencart
<!--Add to catalog/view/theme/your-theme/template/product/product.tpl-->
<!--Find the line: "<?php if ($option['type'] == 'checkbox') { ?>" in line 117(may vary)-->
<!-- the next line-->
<!--Replace <div id="option-<?php echo $option['product_option_id']; ?>" class="option">
<?php if ($option['required']) { ?>
<span class="required">*</span>
<?php } ?>
<b><?php echo $option['name']; ?>:</b><br />
<?php foreach ($option['option_value'] as $option_value) { ?>
<input type="checkbox" name="option[<?php echo $option['product_option_id'][]; ?>]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" />
<label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
<?php if ($option_value['price']) { ?>
(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
<?php } ?>
</label>
<br />
<?php } ?>
</div>-->
<!--with the below code-->
<div id="option-<?php echo $option['product_option_id']; ?>" class="option check">
<?php if ($option['required']) { ?>
<span class="required">*</span>
<?php } ?>
<b><?php echo $option['name']; ?>:</b><br />
<table class="option-check">
<?php foreach ($option['option_value'] as $option_value) { ?>
<tr>
<td style="width: 1px;">
<input type="checkbox" name="option[<?php echo $option['product_option_id']; ?>][]" value="<?php echo $option_value['product_option_value_id']; ?>" id="option-value-<?php echo $option_value['product_option_value_id']; ?>" /></td>
<td><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'] : ''); ?>" /></label></td>
<td> <label for="option-value-<?php echo $option_value['product_option_value_id']; ?>"><?php echo $option_value['name']; ?>
<?php if ($option_value['price']) { ?>
(<?php echo $option_value['price_prefix']; ?><?php echo $option_value['price']; ?>)
<?php } ?>
</label></td>
</tr>
<br />
<?php } ?>
</table>
</div>
@Furnica
Copy link

Furnica commented Nov 28, 2013

ultra helpfull, thank you very much.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment