How Do I Create A Template In Ebay?

eBay Templates
OpenBay Pro > eBay > Dashboard (Templates)

Build your descriptions, insert product videos, links to customer reviews, and countless possibilities for your items. HTML templates are an astonishing style to make your listings look more professional by using a standard layout, your make colours, logos and more. The templates likewise back up tags that allow you to dynamically create nearly whatsoever information y'all want in the listing clarification.

The eBay Listing Templates page can be found by navigating to OpenBay Pro > eBay > Dashboard, and click the Templates button.

Creating a template

To create a new template, click the Add New button at the top right of the page. Requite your new template a name and enter your HTML code. You can include our custom tags in your code – for a list of bachelor tags, see the Standard list tags department below. When you lot have created your template, click the Save push button at the top right of the page

Editing a template

To edit a template, click the Edit button side by side to the template name y'all wish to alter. Y'all can then modify the HTML code as required. When y'all accept completed your changes, click the Save button at the top right of the page or if y'all do not wish to retain your changes, click Abolish.

Electric current eBay Listings unaffected

Please note that changes to a template will only impact new eBay listings and take no effect on listings created from the previous version of the template.

Deleting a template

To delete a template, click the Delete button side by side to the template name you wish to remove. Delight annotation that removing a template volition exist permanent.

Current eBay Listings unaffected

Please notation that deleting a template has no upshot 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 profile.

Nether the Template tab, choose your Default template from the list, which contains all the templates created in the Templates surface area. After saving the profile, any new eBay listings created with this profile volition automatically utilize the default template set here.

Images in templates

If you lot wish to use images in your template that will form function of the layout, such as a banner or logo, etc, so to reference these images you will demand to utilise the total prototype URL. For example:

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

This would look like the following inside your <img> tag.

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

You will need to ensure that yous supersede spaces in the URL with %20.

JavaScript in templates

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

Template testing tool

To help designers/developers create templates for OpenBay Pro, we created a template testing tool. This allows you lot to examination how your template volition wait when populated with your product data without having to log into your website and go through the listing process each time you desire to test your design.

To admission the tool, Log into your OpenBay Pro business relationship (or Annals) and under the eBay carte du jour option, select Template tester.

If yous have an eBay business relationship registered to your account then the token and secret will be populated for you, if non then yous will demand to copy and paste these into the Template tester form every bit shown below.

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

Copy and paste your template lawmaking into the text area. You will encounter that your template code is highlighted in different colours, making it easier to read and make minor changes if required. When ready to exam your template, click the Test push and await for information technology to load. If your template renders ok and so a green bulletin will appear with the link to your HTML file. Click this link to see your template in action!

If your template renders ok, a green message volition appear with the link to view your template. Click this link to see your template in activeness!

If your template does non render properly, y'all may receive an fault, which you will need to set earlier trying again.

Your template may return ok only still not look equally yous had expected. After removing any problem code or tweaking your design, return the template again by clicking the Exam button.

Standard listing tags

Variable: name

Type: String

Usage:

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

Description: This volition add your eBay listing title.

Variable: description

Type: String

Usage:

<p>{{ description }}</p>

Description: This is your main clarification content.

Variable: return_policy

Type: String

Usage:

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

Description: This is the aforementioned information as you send to eBay in your returns description.

Variable: payment_instruction

Type: String

Usage:

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

Clarification: This is the same information as you send to eBay in your payment description.

Variable: attributes

Type: Assortment

Usage:

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

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

Variable: img_tpl

Blazon: Array

Usage:

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

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

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

{{ attribute(img_tpl, 0) }}

The above code volition output the first prototype URL in the object. If you need a dissimilar image change the number.

Variable: img_tpl_thumb

Type: Array

Usage:

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

Clarification: This contains links to thumbnails of all the images office of your eBay list.

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

{{ attribute(img_tpl_thumb, 0) }}

The in a higher place code volition output the first image URL in the object. If yous need a unlike image change the number.

Variable: shop_categories

Type: Cord

Usage:

{{ shop_categories }}

Description: Injects an HTML menu construction using JavaScript based on your eBay shop categories. You must take an eBay shop and be on a paid OpenBay Pro plan to use this tag. You demand to utilise CSS to control the structure created below:

<div id="store-categories">   <ul>     <li>       <a href="">Category ane proper name</a>       <ul>         <li>           <a href="">Child i category name</a>           <ul>             <li>               <a href="">Kid-child category name</a>             </li>           </ul>         </li>         <li><a href="">Child 2 category name</a></li>       </ul>     </li>     <li><a href="">Category two name</a></li>     <li><a href="">Category three name</a></li>   </ul> </div>

Variable: shop_navigation

Type: String

Usage:

{{ shop_navigation }}

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

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

Variable: product_info.model

Type: String

Usage:

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

Description: The product model number.

Variable: product_info.price

Type: String

Usage:

<p>£{{ product_info.price|number_format(2, '.', ',') }}</p>

Description: The production price.

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

Variable: product_info.sku

Type: String

Usage:

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

Description: The production SKU.

Variable: product_info.upc

Type: String

Usage:

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

Clarification: The product UPC.

Variable: product_info.ean

Type: String

Usage:

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

Description: The product EAN.

Variable: product_info.jan

Type: String

Usage:

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

Clarification: The production Jan.

Variable: product_info.isbn

Type: String

Usage:

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

Description: The product ISBN.

Variable: product_info.mpn

Type: String

Usage:

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

Description: The product MPN.

Variable: product_info.location

Type: String

Usage:

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

Description: The production Location.

Variable: product_info.manufacturer

Blazon: String

Usage:

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

Description: The product manufacturer.

Variable: product_info.name

Type: Cord

Usage:

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

Description: The products original proper name on your website.

Variable: product_info.tag

Type: Cord

Usage:

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

Description: The product tags.

Variable: product_info.weight

Blazon: Decimal

Usage:

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

Description: The product weight unit.

Variable: product_info.weight_class

Type: Cord

Usage:

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

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

Variable: product_info.length

Type: Decimal

Usage:

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

Description: The product length.

Variable: product_info.width

Blazon: Decimal

Usage:

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

Description: The product width.

Variable: product_info.peak

Blazon: Decimal

Usage:

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

Description: The product height.

Variable: product_info.length_class

Type: Decimal

Usage:

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

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

Variable: product_info.product_filters

Type: Array

Usage:

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

Clarification: Access any product filters assigned to the product. *Bachelor on 2.0+ versions only.