Does Ebay Have Html Templates

eBay Templates
OpenBay Pro > eBay > Dashboard (Templates)

Build your descriptions, insert product videos, links to customer reviews, and endless possibilities for your items. HTML templates are an amazing way to make your listings wait more professional by using a standard layout, your brand colours, logos and more. The templates likewise support tags that allow you lot to dynamically create nearly any data you want in the listing description.

The eBay Listing Templates page can exist found past navigating to OpenBay Pro > eBay > Dashboard, and click the Templates push button.

Creating a template

To create a new template, click the Add New button at the acme right of the folio. Requite your new template a proper noun and enter your HTML code. You can include our custom tags in your code – for a list of available tags, run across the Standard list tags section beneath. When you have created your template, click the Save button at the top right of the page

Editing a template

To edit a template, click the Edit button next to the template proper noun you wish to change. You tin then change the HTML lawmaking as required. When you accept completed your changes, click the Save button at the top right of the page or if you do not wish to retain your changes, click Abolish.

Current eBay Listings unaffected

Please annotation that changes to a template volition but impact new eBay listings and accept no effect on listings created from the previous version of the template.

Deleting a template

To delete a template, click the Delete button next to the template name you wish to remove. Please note that removing a template will exist permanent.

Current eBay Listings unaffected

Please note that deleting a template has no event on listings already created from the template.

Assigning a default template

Navigate to OpenBay Pro > eBay > Dashboard, and click the Profiles button.

Either edit or create a new Template & Gallery contour.

Under the Template tab, cull your Default template from the list, which contains all the templates created in the Templates area. After saving the contour, any new eBay listings created with this contour will automatically utilize the default template gear up hither.

Images in templates

If you wish to use images in your template that volition form office of the layout, such as a imprint or logo, etc, and so to reference these images you lot will need to use the full image URL. For example:

https://world wide web.mystore.com/catalog/view/theme/default/ebay/My%20company%20template/images/myimage.jpg

This would wait like the post-obit within your <img> tag.

<img src="https://www.mystore.com/catalog/view/theme/default/ebay/My%20company%20template/images/myimage.jpg" alt="My Image" />

You lot will need to ensure that you replace spaces in the URL with %20.

JavaScript in templates

Please exist aware that eBay no longer allows agile content such as JavaScript, Flash, plug-ins and grade actions in its listings so this will not be rendered in listings.

Template testing tool

To help designers/developers create templates for OpenBay Pro, we created a template testing tool. This allows you to test how your template will await when populated with your production data without having to log into your website and get through the listing procedure each fourth dimension yous desire to test your pattern.

To access the tool, Log into your OpenBay Pro account (or Register) and under the eBay carte du jour option, select Template tester.

If you take an eBay account registered to your account and then the token and secret will be populated for y'all, if non so you will need to copy and paste these into the Template tester form equally shown below.

The gallery options allow y'all to change the default image sizes for the demo products. They will default to 400 x 400 pixels for the gallery and 100 x 100 pixels for the thumbnails. If yous enter different values in the input boxes, then the images in the template will use your sizes instead.

Re-create and paste your template code into the text area. You lot will run across that your template lawmaking is highlighted in different colours, making it easier to read and make minor changes if required. When ready to test your template, click the Test button and wait for it to load. If your template renders ok then a green message volition announced with the link to your HTML file. Click this link to see your template in activeness!

If your template renders ok, a green bulletin will appear with the link to view your template. Click this link to meet your template in action!

If your template does not render properly, you may receive an mistake, which you will need to prepare before trying again.

Your template may render ok just still not wait every bit yous had expected. Subsequently removing whatever trouble code or tweaking your pattern, render the template again by clicking the Test push.

Standard listing tags

Variable: proper name

Type: String

Usage:

<p>{{ name }}</p>

Description: This will add your eBay listing title.

Variable: description

Type: String

Usage:

<p>{{ clarification }}</p>

Description: This is your main description content.

Variable: return_policy

Blazon: Cord

Usage:

<p>{{ return_policy }}</p>

Description: This is the same information as you transport to eBay in your returns description.

Variable: payment_instruction

Blazon: String

Usage:

<p>{{ payment_instruction }}</p>

Clarification: This is the same information every bit yous ship to eBay in your payment description.

Variable: attributes

Blazon: Assortment

Usage:

{% for attribute in attributes %}    <p>{{ attribute.proper name}}</p>    {% for att in attribute.attribute %}       <strong>{{ att.proper noun }}</strong>       <p>{{ att.text }}</p>    {% endfor %} {% endfor %}

Description: This will get all of the production attributes for the production.

Variable: img_tpl

Type: Array

Usage:

{% for prototype in img_tpl %}    <img src="{{ prototype }}"> {% endfor %}

Clarification: This object contains links to all the images role of your eBay listing.

To obtain a unmarried URL from the object you lot must use the Twig aspect function, i.e.

{{ attribute(img_tpl, 0) }}

The above code will output the first image URL in the object. If you need a different epitome alter the number.

Variable: img_tpl_thumb

Type: Assortment

Usage:

{% for image in img_tpl_thumb %}    <img src="{{ image }}"> {% endfor %}

Clarification: This contains links to thumbnails of all the images function of your eBay listing.

To obtain a single URL from the object you must employ the Twig aspect part, i.e.

{{ attribute(img_tpl_thumb, 0) }}

The to a higher place lawmaking will output the first image URL in the object. If you need a different image alter the number.

Variable: shop_categories

Type: String

Usage:

{{ shop_categories }}

Description: Injects an HTML menu structure using JavaScript based on your eBay store categories. You must have an eBay store and be on a paid OpenBay Pro programme to apply this tag. Yous need to use CSS to control the structure created below:

<div id="store-categories">   <ul>     <li>       <a href="">Category ane name</a>       <ul>         <li>           <a href="">Child 1 category proper noun</a>           <ul>             <li>               <a href="">Child-kid category name</a>             </li>           </ul>         </li>         <li><a href="">Child 2 category name</a></li>       </ul>     </li>     <li><a href="">Category 2 name</a></li>     <li><a href="">Category 3 proper name</a></li>   </ul> </div>

Variable: shop_navigation

Type: String

Usage:

{{ shop_navigation }}

Clarification: Injects an HTML menu structure using JavaScript based on your eBay store custom pages. You must have an eBay store and exist on a paid OpenBay Pro program to apply this tag. Yous need to use CSS to control the structure created below:

<div id="store-pages">   <ul>     <li>       <a href="">Page 1 name</a>       <a href="">Folio 2 proper noun</a>     </li>   </ul> </div>

Variable: product_info.model

Blazon: String

Usage:

<p>{{ product_info.model }}</p>

Description: The product model number.

Variable: product_info.price

Blazon: String

Usage:

<p>£{{ product_info.cost|number_format(ii, '.', ',') }}</p>

Description: The product price.

This format volition show the price with a British pound sign, to 2 decimal places, and with a thousand comma separator.

Variable: product_info.sku

Type: String

Usage:

<p>{{ product_info.sku }}</p>

Clarification: The product SKU.

Variable: product_info.upc

Type: String

Usage:

<p>{{ product_info.upc }}</p>

Description: The production UPC.

Variable: product_info.ean

Type: String

Usage:

<p>{{ product_info.ean }}</p>

Description: The product EAN.

Variable: product_info.jan

Type: Cord

Usage:

<p>{{ product_info.jan }}</p>

Description: The product JAN.

Variable: product_info.isbn

Type: String

Usage:

<p>{{ product_info.isbn }}</p>

Description: The product ISBN.

Variable: product_info.mpn

Blazon: String

Usage:

<p>{{ product_info.mpn }}</p>

Description: The product MPN.

Variable: product_info.location

Type: String

Usage:

<p>{{ product_info.location }}</p>

Clarification: The production Location.

Variable: product_info.manufacturer

Type: String

Usage:

<p>{{ product_info.manufacturer }}</p>

Description: The product manufacturer.

Variable: product_info.name

Type: String

Usage:

<p>{{ product_info.proper name }}</p>

Description: The products original name on your website.

Variable: product_info.tag

Type: Cord

Usage:

<p>{{ product_info.tag }}</p>

Description: The product tags.

Variable: product_info.weight

Type: Decimal

Usage:

<p>{{ product_info.weight }}</p>

Clarification: The production weight unit of measurement.

Variable: product_info.weight_class

Type: String

Usage:

<p>{{ product_info.weight_class }}</p>

Description: The product weight class (kg, yard, lbs etc).

Variable: product_info.length

Type: Decimal

Usage:

<p>{{ product_info.length }}</p>

Description: The production length.

Variable: product_info.width

Blazon: Decimal

Usage:

<p>{{ product_info.width }}</p>

Description: The production width.

Variable: product_info.top

Blazon: Decimal

Usage:

<p>{{ product_info.superlative }}</p>

Clarification: The product peak.

Variable: product_info.length_class

Type: Decimal

Usage:

<p>{{ product_info.length_class }}</p>

Description: The product length class (cm, mm, g etc).

Variable: product_info.product_filters

Type: Array

Usage:

{% for filter in product_info.product_filters %}   {{ filter.filter_id }} - {{ filter.group }} - {{ filter.name }} {% endfor %}

Description: Admission any product filters assigned to the product. *Bachelor on 2.0+ versions only.