Order, microdata, CSS and JS

Three template settings tabs that are rarely changed but worth setting up once: the text after checkout, microdata for search engines and your own code. Open Octemplates → Trust OCTemplates - template settings, the “Settings” tab.

Order success page

On the “Success order” tab set what the shopper sees after placing an order. Turn on “Status” — otherwise the standard OpenCart page is shown.

Texts are set separately for registered and unregistered customers, for each language: the page title and the text.

Variables in the text

You can use variables in the text — the template replaces them with real data:

Variable	Replaced with	For
[order_id]	Order number	Everyone
[contact_link]	Link to the contact page	Everyone
[account_link]	Link to the customer account	Registered
[account_order_link]	Link to the order list	Registered
[account_download_link]	Link to the downloads page	Registered

Example text for an unregistered customer:

<p>Thank you! Your order #[order_id] has been received.</p>
<p>Our manager will contact you shortly. Questions? <a href="[contact_link]">Write to us</a>.</p>

Microdata

Schema.org microdata tells Google about your store: name, address, contacts, shipping and returns. This helps show rich search results. Turn on “Enable microdata?” on the “Microdata” tab and fill in the fields.

About the company

Field	What to enter	Example
Organization type	The closest to your business: online store, electronics, clothing, furniture, auto parts store and so on.	Online Store (Universal)
Country ISO code	Two letters per ISO 3166-1.	US
City, Address, Postal code	The address of the head office or store.	New York, 1 Main St, 10001
Latitude and Longitude	Coordinates for the map. Copy them from Google Maps: right-click a point — the first line of the menu.	40.7128, -74.0060
Full legal name	As in the registration documents.	My Store LLC
Founding date	Format DD.MM.YYYY.	15.03.2020

Sales and shipping

Field	What to enter	Example
Service area	ISO codes of delivery countries, comma-separated.	US,CA
Shipping cost	A number only, no currency. 0 — free.	10
Price range	From budget to luxury ($…$$$$) or a price range.	$10-$500
Accepted currencies	ISO codes, comma-separated.	USD,EUR
Payment methods	Comma-separated.	Cash, Credit Card
Maximum order processing time (days)	Maximum time before shipping.	1
Maximum order delivery time (days)	Maximum delivery time after shipping.	3
Product return period (days)	How many days a customer can return a product.	30

Your own CSS and JavaScript

On the “Css - JavaScript” tab you can add your own styles and scripts without editing theme files. The code is loaded on every storefront page and stored in the settings, so it survives template updates.

Example: make the product page title larger and hide the “Hit” badge:

.tr-product-title { font-size: 34px; }
.tr-badge--hit { display: none; }