cubecart 5.2.12 in how to add image order page

kenhar · August 2, 2014

Hi,

I am using cubecart 5.2.12.

in this admin side order index page in display product images.

How to display please help me.

check attachment file.

bsmither · August 2, 2014

You will be editing an admin skin file. To make this easier, in admin, Store Settings, Advanced tab, disable the cache until you are finished.

In the file /admin/skins/default/templates/orders.index.php, near line 154, find:

<div>{$LANG.basket.total_sub}:<span>{$OVERVIEW_SUMMARY.subtotal}</span></div>

Try your experiment by adding this on the line just above it:

<div style="float:left;">Help<br />Help2<br />Help3</div>

I would recommend that you not try to display the product's image in this area. If there is more than one item listed, that area will not be ideal to show the two or more images.

There have been other conversations on these forums that will give instruction of how to add a small image of the product on the same line as the item is listed.

kenhar · August 2, 2014

it's not working please help me check my orders.index.php file.

=> check this and help which place to add code to display product image.

{if isset($DISPLAY_ORDER_LIST)}

<h3>{$LANG.orders.title_orders}</h3>

<thead>

<tr>

<td nowrap="nowrap">{$THEAD.cart_order_id}</td>

<td>{$THEAD.customer}</td>

<td nowrap="nowrap">{$THEAD.status}</td>

<td>{$THEAD.date}</td>

<td>{$THEAD.total}</td>

</tr>

</thead>

<tbody>

{if isset($ORDER_LIST)}

{foreach from=$ORDER_LIST item=order}

<tr>

<td><a href="{$order.link_edit}">{$order.cart_order_id}</a></td>

<td><a href="{$order.link_customer}" title="{$order.name}">{$order.name}</a></td>

<td>{$order.status}</td>

<td>{$order.date}</td>

<td align="right">{$order.prod_total}</td>

</td>

</tr>

{/foreach}

{else}

<tr>

<td colspan="8" align="center"><strong>{$LANG.orders.notify_orders_none}</strong></td>

</tr>

{/if}

</tbody>

{if isset($ORDER_LIST)}

<tfoot>

<tr>

<td><a href="#" class="check-all" rel="all-orders">{$LANG.form.check_uncheck}</a></td>

{$LANG.orders.with_selected}:

<option value="">{$LANG.orders.option_status_no_change}</option>

{foreach from=$LIST_ORDER_STATUS item=status}<option value="{$status.id}"{$status.selected}>{$status.string}</option>{/foreach}

</optgroup>

</select>

{$LANG.common.then}

<option value="">{$LANG.orders.option_nothing}</option>

<option value="print">{$LANG.orders.option_print}</option>

<option value="delete" style="color: red;">{$LANG.orders.option_delete}</option>

</select>

</td>

</tr>

<tr>

<span>{$LANG.common.total}: {$TOTAL_RESULTS}</span>

{$PAGINATION} 

</div>

</td>

</tr>

</tfoot>

{/if}

</table>

</div>

<fieldset><legend>{$LANG.orders.title_search}</legend>

<div><label for="order_no">{$LANG.orders.order_number}</label><span><input type="text" name="search[order_number]" class="textbox" /></span></div>

<div>

<label for="customer_id">{$LANG.orders.customer_name}</label>

</div>

<div>

<label for="search_status">{$LANG.orders.title_order_status}</label>

<option value="">{$LANG.common.all}</option>

{foreach from=$LIST_ORDER_STATUS item=status}<option value="{$status.id}"{$status.selected}>{$status.string}</option>{/foreach}

</select></span>

</div>

</fieldset>

<fieldset><legend>{$LANG.search.title_by_date}</legend>

<div><label for="date_range">{$LANG.search.date_range}</label><span><input type="text" name="search[date][from]" class="textbox number date" /> - <input type="text" name="search[date][to]" class="textbox number date" /></span></div>

</fieldset>

</div>

{/if}

{if isset($DISPLAY_FORM)}

<div>

<h3>{$LANG.orders.title_order_summary}</h3>

<fieldset><legend>{$LANG.orders.title_status_change}</legend>

<div><label for="o_status">{$LANG.orders.title_order_status}</label><span><select name="order[status]" id="o_status">

{foreach from=$LIST_ORDER_STATUS item=status}<option value="{$status.id}"{$status.selected}>{$status.string}</option>{/foreach}

</select></span></div>

{if isset($DISPLAY_DASHBOARD)}

<div>

<label for="dashboard">{$LANG.orders.dashboard_show}</label>

</div>

{/if}

</fieldset>

{if isset($DISPLAY_OVERVIEW)}

{if isset($DISPLAY_COMMENTS)}

<div class="note-header">{$LANG.orders.note_from} {$OVERVIEW_SUMMARY.first_name} {$OVERVIEW_SUMMARY.last_name}</div>

"{$OVERVIEW_SUMMARY.customer_comments}"

</div>

{/if}

<legend>{$LANG.address.delivery_address}</legend>

{$OVERVIEW_SUMMARY.name_d}<br />

{if !empty($OVERVIEW_SUMMARY.company_name_d)}{$OVERVIEW_SUMMARY.company_name_d}<br />{/if}

{$OVERVIEW_SUMMARY.line1_d}<br />

{if !empty($OVERVIEW_SUMMARY.line2_d)}{$OVERVIEW_SUMMARY.line2_d}<br />{/if}

{$OVERVIEW_SUMMARY.town_d}<br />

{$OVERVIEW_SUMMARY.state_d}, {$OVERVIEW_SUMMARY.postcode_d}<br />

{$OVERVIEW_SUMMARY.country_d}

</fieldset>

<legend>{$LANG.address.billing_address}</legend>

{$OVERVIEW_SUMMARY.name}<br />

{if !empty($OVERVIEW_SUMMARY.company_name)}{$OVERVIEW_SUMMARY.company_name}<br />{/if}

{$OVERVIEW_SUMMARY.line1}<br />

{if !empty($OVERVIEW_SUMMARY.line2)}{$OVERVIEW_SUMMARY.line2}<br />{/if}

{$OVERVIEW_SUMMARY.town}<br />

{$OVERVIEW_SUMMARY.state}, {$OVERVIEW_SUMMARY.postcode}<br />

{$OVERVIEW_SUMMARY.country}

</fieldset>

<fieldset id="items"><legend>{$LANG.catalogue.title_items}</legend>

{foreach from=$PRODUCTS item=product}

{$product.quantity} x {$product.name} - {$product.product_code} ({$product.line_formatted}) {if $product.digital}<a href="{$VAL_SELF}&reset_id={$product.id}" />[{$LANG.orders.reset_download_link}]</a>{/if}<span>{$product.price_total_formatted}</span>

{if $product.options}

<br />{$product.options}

{/if}

<p>

<pre>EAN : {$product.ean} </pre>

<pre>Supplier stock(.txt) : {$product.txt_stock}</pre>

<pre>office stock(.csv) : {$product.csv_stock}</pre>

<pre>Qty : {$product.qty} expacted date : {$product.txt_exdate}</pre>

{$product.type_icon}{$product.type_alt}

</p>

</div>

{/foreach}

<div>{$LANG.basket.total_sub}:<span>{$OVERVIEW_SUMMARY.subtotal}</span></div>

<div>{$LANG.basket.total_discount} {if !empty($OVERVIEW_SUMMARY.percent)}({$OVERVIEW_SUMMARY.percent}){/if}:<span>{$OVERVIEW_SUMMARY.discount}</span></div>

<div>{$LANG.basket.shipping}:<span>{$OVERVIEW_SUMMARY.shipping}</span></div>

{if isset($TAX_SUMMARY)}

{foreach from=$TAX_SUMMARY item=tax}

<div>{$tax.tax_name}:<span>{$tax.tax_amount}</span></div>

{/foreach}

{/if}

<div><strong>{$LANG.basket.total}:<span>{$OVERVIEW_SUMMARY.total}</span></strong></div>

</fieldset>

<fieldset class="other"><legend>{$LANG.account.contact_details}</legend>

<div><label>{$LANG.common.email}</label><span><a href="mailto:{$OVERVIEW_SUMMARY.email}">{$OVERVIEW_SUMMARY.email}</a></span></div>

<div><label>{$LANG.address.phone}</label><span>{$OVERVIEW_SUMMARY.phone}</span></div>

{if !empty($OVERVIEW_SUMMARY.mobile)}

<div><label>{$LANG.address.mobile}</label><span>{$OVERVIEW_SUMMARY.mobile}</span></div>

{/if}

<div><label>{$LANG.common.ip_address}</label><span>{$OVERVIEW_SUMMARY.ip_address}</span></div>

</fieldset>

<fieldset class="other"><legend>{$LANG.orders.title_shipping}</legend>

<div><label>{$LANG.orders.shipping_date}</label><span>{$OVERVIEW_SUMMARY.ship_date}</span></div>

<div><label>{$LANG.orders.shipping_method}</label><span>{$OVERVIEW_SUMMARY.ship_method}</span></div>

<div><label>{$LANG.orders.shipping_tracking}</label><span>{$OVERVIEW_SUMMARY.ship_tracking}</span></div>

<div><label>{$LANG.orders.gateway_name}</label><span>{$OVERVIEW_SUMMARY.gateway}</span></div>

</fieldset>

</div>

{/if}

</div>

<h3>{$LANG.address.billing_address}</h3>

<fieldset><legend>{$LANG.address.billing_address}</legend>

<div>

<label for="sum_name">{$LANG.orders.title_find_customers}</label>

<span>

</span>

</div>

<div>

<label for="addresses">{$LANG.address.title_address}</label>

<span>

<option value="0">{$LANG.address.form_address_select}</option>

{if isset($LIST_ADDRESS)}{foreach from=$LIST_ADDRESS item=address}<option value="{$address.key}" class="temporary">{$address.description}</option>{/foreach}{/if}

</select>

</span>

</div>

<div><label for="ajax_title">{$LANG.user.title}</label><span><input type="text" id="ajax_title" name="customer[title]" value="{$SUMMARY.title}" class="textbox billing" /></span></div>

<div><label for="ajax_first_name">{$LANG.user.name_first}</label><span><input type="text" id="ajax_first_name" name="customer[first_name]" value="{$SUMMARY.first_name}" class="textbox billing required" /></span></div>

<div><label for="sum_company_name">{$LANG.address.company_name}</label><span><input type="text" id="sum_company_name" name="customer[company_name]" value="{$SUMMARY.company_name}" class="textbox billing" /></span></div>

<div><label for="sum_line1">{$LANG.address.line1}</label><span><input type="text" id="sum_line1" name="customer[line1]" value="{$SUMMARY.line1}" class="textbox billing required" /></span></div>

<div><label for="sum_line2">{$LANG.address.line2}</label><span><input type="text" id="sum_line2" name="customer[line2]" value="{$SUMMARY.line2}" class="textbox billing" /></span></div>

<div><label for="sum_town">{$LANG.address.town}</label><span><input type="text" id="sum_town" name="customer[town]" value="{$SUMMARY.town}" class="textbox billing required" /></span></div>

<div>

<label for="sum_country">{$LANG.address.country}</label>

<span>

{foreach from=$LIST_COUNTRY item=country}<option value="{$country.numcode}"{$country.is_billing} {$country.selected}>{$country.name}</option>{/foreach}

</select>

</span>

</div>

<div><label for="sum_state">{$LANG.address.state}</label><span><input type="text" id="sum_state" name="customer[state]" value="{$SUMMARY.state}" class="textbox billing state-list required" /></span></div>

<div><label for="sum_postcode">{$LANG.address.postcode}</label><span><input type="text" id="sum_postcode" name="customer[postcode]" value="{$SUMMARY.postcode}" class="textbox billing" /></span></div>

</fieldset>

<fieldset><legend>{$LANG.account.contact_details}</legend>

<div><label for="ajax_email">{$LANG.common.email}</label><span><input type="text" id="ajax_email" name="customer" value="{$SUMMARY.email}" class="textbox billing required" /></span></div>

<div><label for="ajax_phone">{$LANG.address.phone}</label><span><input type="text" id="ajax_phone" name="customer[phone]" value="{$SUMMARY.phone}" class="textbox billing required" /></span></div>

<div><label for="ajax_mobile">{$LANG.address.mobile}</label><span><input type="text" id="ajax_mobile" name="customer[mobile]" value="{$SUMMARY.mobile}" class="textbox billing" /></span></div>

</fieldset>

</div>

<h3>{$LANG.address.delivery_address}</h3>

<fieldset><legend>{$LANG.address.delivery_address}</legend>

<div>

<label for="d_addresses">{$LANG.address.title_address}</label>

<span>

<option value="0">{$LANG.address.form_address_select}</option>

{if isset($LIST_ADDRESS)}{foreach from=$LIST_ADDRESS item=address}<option value="{$address.key}" class="temporary">{$address.description}</option>{/foreach}{/if}

</select>

</span> <a href="#" class="duplicate" rel="billing" target="d_">{$LANG.address.copy_from_billing}</a>

</div>

<div><label for="d_ajax_title">{$LANG.user.title}</label><span><input type="text" id="d_ajax_title" name="customer[title_d]" value="{$SUMMARY.title_d}" class="textbox" /></span></div>

<div><label for="d_ajax_first_name">{$LANG.user.name_first}</label><span><input type="text" id="d_ajax_first_name" name="customer[first_name_d]" value="{$SUMMARY.first_name_d}" class="textbox required" /></span></div>

<div><label for="d_sum_company_name">{$LANG.address.company_name}</label><span><input type="text" id="d_sum_company_name" name="customer[company_name_d]" value="{$SUMMARY.company_name_d}" class="textbox" /></span></div>

<div><label for="d_sum_line1">{$LANG.address.line1}</label><span><input type="text" id="d_sum_line1" name="customer[line1_d]" value="{$SUMMARY.line1_d}" class="textbox required" /></span></div>

<div><label for="d_sum_line2">{$LANG.address.line2}</label><span><input type="text" id="d_sum_line2" name="customer[line2_d]" value="{$SUMMARY.line2_d}" class="textbox" /></span></div>

<div><label for="d_sum_town">{$LANG.address.town}</label><span><input type="text" id="d_sum_town" name="customer[town_d]" value="{$SUMMARY.town_d}" class="textbox required" /></span></div>

<div>

<label for="d_sum_country">{$LANG.address.country}</label>

<span>

{foreach from=$LIST_COUNTRY item=country}<option value="{$country.numcode}"{$country.is_delivery} {$country.selected}>{$country.name}</option>{/foreach}

</select>

</span>

</div>

<div><label for="d_sum_state">{$LANG.address.state}</label><span><input type="text" id="d_sum_state" name="customer[state_d]" value="{$SUMMARY.state_d}" class="textbox state-list required" /></span></div>

<div><label for="d_sum_postcode">{$LANG.address.postcode}</label><span><input type="text" id="d_sum_postcode" name="customer[postcode_d]" value="{$SUMMARY.postcode_d}" class="textbox required" /></span></div>

</fieldset>

<fieldset><legend>{$LANG.orders.title_shipping}</legend>

<div><label for="sum_ship_date">{$LANG.orders.shipping_date}</label><span><input type="text" id="sum_ship_date" name="summary[ship_date]" value="{$SUMMARY.ship_date}" class="textbox date" /></span></div>

<div><label for="sum_ship_method">{$LANG.orders.shipping_method}</label><span><input type="text" id="sum_ship_method" name="summary[ship_method]" value="{$SUMMARY.ship_method}" class="textbox" /></span></div>

<div><label for="sum_ship_tracking">{$LANG.orders.shipping_tracking}</label><span><input type="text" id="sum_ship_tracking" name="summary[ship_tracking]" value="{$SUMMARY.ship_tracking}" class="textbox" /></span></div>

</fieldset>

</div>

<h3>{$LANG.orders.title_order_inventory}</h3>

<th width="102">{$LANG.common.quantity}</th>

<th>{$LANG.catalogue.product_name}</th>

<th width="102">{$LANG.common.price_unit}</th>

<th width="102">{$LANG.common.price}</th>

</tr>

</thead>

{if isset($PRODUCTS)}

{foreach from=$PRODUCTS item=product}

<td>

</td>

<td><span class="editable" name="inv[{$product.id}][name]">{$product.name}</span></td>

</tr>

<tr>

<th colspan="3">{$LANG.basket.total_sub}</th>

</tr>

<option value="f" {if $SUMMARY.discount_type == "f"}selected="selected"{/if}>{$LANG.catalogue.discount_price}</option>

<option value="p" {if $SUMMARY.discount_type == "p"}selected="selected"{/if}>{$LANG.catalogue.discount_percent}</option>

</select>

</th>

<td><span id="discount_percent">{if $SUMMARY.discount_type == "p"}%{/if}</span></td>

</tr>

<th colspan="3">{$LANG.basket.shipping}</th>

</tr>

{if isset($LIST_TAXES)}

{foreach from=$LIST_TAXES item=tax}

<th colspan="3">{$tax.type_name}: {$tax.display}</th>

</tr>

{/foreach}

{/if}

<th colspan="3">{$tax.type_name}: {$tax.display}</th>

</tr>

<option value="">{$LANG.form.please_select}</option>

{if isset($SELECT_TAX)}

{foreach from=$SELECT_TAX item=country key=taxes}

{foreach from=$country item=tax}<option value="{$tax.id}">{$tax.type_name}: {$tax.display}</option>{/foreach}

</tr>

<tr>

<th colspan="3">{$LANG.basket.total_tax}</th>

</tr>

<tr>

<th colspan="3">{$LANG.basket.total}</th>

<h3>{$LANG.orders.title_order_notes}</h3>

{if isset($LIST_NOTES)}{foreach from=$LIST_NOTES item=note}

</span>

<div class="note-header">{if !empty($note.author)}{$LANG.dashboard.note_by} {$note.author} - {/if}{$note.time}</div>{$note.content|nl2br}

</div>

{/foreach}

{/if}

<fieldset><legend>{$LANG.orders.title_note_add}</legend>

<div>

<div><label for="note">{$LANG.orders.note_content}</label><span><textarea name="note" class="textbox"></textarea></span></div>

<div><label class="spacer"> </label>{$LANG.orders.note_explain_viewable}</div>

</div>

</fieldset>

</div>

<h3>{$LANG.orders.title_order_history}</h3>

<thead>

<tr>

<td width="150">{$LANG.common.status}</td>

<td>{$LANG.common.date_time}</td>

</tr>

</thead>

<tbody>

{if isset($LIST_HISTORY)}

{foreach from=$LIST_HISTORY item=history}

<tr>

<td width="200">{$history.status}</td>

<td>{$history.updated}</td>

{if isset($DISPLAY_TRANSACTIONS)}

<h3>{$LANG.orders.title_transaction_logs}</h3>

<table>

<thead>

<tr>

<td>{$LANG.orders.transaction_id}</td>

<td>{$LANG.common.status}</td>

<td>{$LANG.common.amount}</td>

<td>{$LANG.orders.gateway_name}</td>

<td>{$LANG.common.date_time}</td>

<td>{$LANG.common.notes}</td>

{if $DISPLAY_ACTIONS}<td width="60">{$LANG.common.action}</td>{/if}

</tr>

</thead>

{foreach from=$TRANSACTIONS item=transaction}

<tr>

<td>{$transaction.trans_id}</td>

<td align="center">{$transaction.status}</td>

<td align="center">{$transaction.amount}</td>

<td align="center">{$transaction.gateway}</td>

<td align="center">{$transaction.time}</td>

<td>{$transaction.notes}</td>

{if isset($DISPLAY_ACTIONS)}

{foreach from=$transaction.actions item=action}

{if isset($DISPLAY_CARD)}

<h3>{$LANG.orders.title_card_details}</h3>

<fieldset><legend>{$LANG.orders.title_card_details}</legend>

{foreach from=$CARD_DATA item=data}

{/foreach}

<div><label for="delete">{$LANG.orders.card_delete}</label><span><a href="{$CARD_DELETE}" class="delete" title="{$LANG.notification.confirm_delete}"><img src="{$SKIN_VARS.admin_folder}/skins/{$SKIN_VARS.skin_folder}/images/delete.png" alt="{$LANG.common.delete}" /></a></span></div>

</fieldset>

</div>

{/if}

{if isset($PLUGIN_TABS)}

{foreach from=$PLUGIN_TABS item=tab}

{$tab}

{/foreach}

{/if}

{include file='templates/element.hook_form_content.php'}

</div>

var county_list = {$STATE_JSON};

{if $ADDRESS_JSON}var addresses = {$ADDRESS_JSON};{/if}

</script>

{/if}

</form>

bsmither · August 2, 2014

I am not seeing where you added the test HTML.

From the new code you have already added, the location where the test HTML would go would be as indicated:

{if $product.options}
   <br />{$product.options}
{/if}
        <p>
        <pre>EAN  :  {$product.ean} </pre>
        <pre>Supplier stock(.txt)  :  {$product.txt_stock}</pre>
        <pre>office stock(.csv)  :  {$product.csv_stock}</pre>
        <pre>Qty  :  {$product.qty}  expacted date : {$product.txt_exdate}</pre>
        {$product.type_icon}{$product.type_alt}
        </p>
</div>
{/foreach}
TEST HTML RIGHT HERE! See Post#2
<div>{$LANG.basket.total_sub}:<span>{$OVERVIEW_SUMMARY.subtotal}</span></div>

kenhar · August 2, 2014

<div>{$LANG.basket.total_sub}:<span>{$OVERVIEW_SUMMARY.subtotal}</span></div>

this code to display subtotal.

=>but i want product image.

Any how to call or connect database in order file any idea about this.

i want to run below query but how to connect this database.

if (($image = $GLOBALS['db']->select('CubeCart_image_index', 'file_id', array('product_id' => $result['product_id'], 'main_img' => 1))) !== false) {

$result['image_path_tiny'] = $catalogue->imagePath($image[0]['file_id'], 'tiny');

$result['image_path_large'] = $catalogue->imagePath($image[0]['file_id'], 'large');

}

$result['image_path_tiny'] => this return image path it's use to i am displaying images on order page.

please help me.

bsmither · August 2, 2014

You cannot have PHP in a skin template.

We must first have the controller of this page get the image, construct a URL to that image, then give the URL to the template rendering engine. Fortunately, CubeCart already gives us a function to call to get the product's image.

In the file /admin/sources/orders.index.inc.php, near line 245, starts a loop that gathers data for all the items in an order. So, on a blank line at about line 259, add:

$product['imgURL'] = $GLOBALS['gui']->getProductImage($product['product_id'],'tiny'); // Can use 'small' instead of 'tiny'

Now you have {$product.imgURL} available.

I haven't made this test myself, but it should work.

kenhar · August 2, 2014

it's disply only text check image.

{foreach from=$PRODUCTS item=product}

{$product.quantity} x {$product.name} - {$product.product_code} ({$product.line_formatted}) {if $product.digital}<a href="{$VAL_SELF}&reset_id={$product.id}" />[{$LANG.orders.reset_download_link}]</a>{/if}<span>{$product.price_total_formatted}</span>

{if $product.options}

<br />{$product.options}

{/if}

<p>

<pre>EAN : {$product.ean} </pre>

<pre>Supplier stock(.txt) : {$product.txt_stock}</pre>

<pre>office stock(.csv) : {$product.csv_stock}</pre>

<pre>Qty : {$product.qty} expacted date : {$product.txt_exdate}</pre>

</p>

$product['imgURL'] = $GLOBALS['gui']->getProductImage($product['product_id'],'tiny');

{$product.imgURL}

</div>

{/foreach}

check below img:

https://www.dropbox.com/s/n176ugy8dvrbtuw/check.png?m=

bsmither · August 2, 2014

Remove this from the skin template:

$product['imgURL'] = $GLOBALS['gui']->getProductImage($product['product_id'],'tiny');

In the controller file, /admin/sources/orders.index.inc.php, add that line as suggested in post#6

kenhar · August 2, 2014

Thanks it's working.

:yeahhh:

Sign In

cubecart 5.2.12 in how to add image order page

Recommended Posts

kenhar

Link to comment

Share on other sites

bsmither

Link to comment

Share on other sites

kenhar

Link to comment

Share on other sites

bsmither

Link to comment

Share on other sites

kenhar

Link to comment

Share on other sites

bsmither

Link to comment

Share on other sites

kenhar

Link to comment

Share on other sites

bsmither

Link to comment

Share on other sites

kenhar

Link to comment

Share on other sites

Join the conversation

Browse

Activity