AddShoppers Help Desk

Support Center

How to Add Product Schema Codes

Last Updated: Aug 16, 2013 05:35PM EDT

Adding Product Schema to your website will help drive more traffic.  Here are the product schema codes by platform.

PrestaShop

Install in your product.tpl file.
<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name">{$product->name|escape:'htmlall':'UTF-8'}</div>
    <div itemprop="description">{$product->description|escape:'htmlall':'UTF-8'}</div>
    <img itemprop="image" src="{$link->getImageLink($product->link_rewrite, $cover.id_image, 'large')}"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price">{convertPrice price=$productPrice}</span>
    </div>
</div>

 

Shopify

Install in your product.liquid template.
<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name">{{ product.title }}</div>
    <div itemprop="description">{{ product.content }}</div>
    <img itemprop="image" src="{{ product.featured_image | product_img_url: 'compact' }}"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price">{{ product.price | money }}</span>
    </div>
</div>

 

3dcart

<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name">[name]</div>
    <div itemprop="description">[extended_description]</div>
    <img itemprop="image" src="[image1]"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price">[price]</span>
    </div>
</div>

 

Magento

Install in your Product Display template (view.phtml).
<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name"><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></div>
    <div itemprop="description"><?php echo $_helper->productAttribute($_product, nl2br($_product->getShortDescription()), 'short_description') ?></div>
    <img itemprop="image" src="<?php echo $_product->getImageUrl(); ?>"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price"><?php echo number_format($_product->getFinalPrice(),2); ?></span>
    </div>
</div>

 

BigCommerce

*** Add this to the ProductDescription.html template.

<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name">%%GLOBAL_ProductName%%</div>
    <div itemprop="description">%%GLOBAL_ProductDesc%%</div>
    <img itemprop="image" src="%%GLOBAL_InitialZoomImage%%"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price">%%GLOBAL_ProductPrice%%</span>
     </div>
</div>

For more in-depth information on BigCommerce and Product Schema, here's a good blog post:http://andrewbleakley.com/adding-rich-snippets-to-bigcommerce/

Pinnacle Cart

<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name">{$product.title|htmlspecialchars}</div>
    <div itemprop="description">{$product.description}</div>
    <img itemprop="image" src="{$product.preview}"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price">{$product.price|price}</span>
    </div>
</div>

Miva Merchant

Install in the Product Display template.

<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name">&mvt:product:name;</div>
    <div itemprop="description">&mvt:product:descrip;</div>
    <img itemprop="image" src="http://&mvt:global:domain:name;/mm5/&mvt:product:image;"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price">&mvt:product:formatted_price;</span>
    </div>
</div>

ProStores

Install in the Product Detail template.

<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name"><ss:value source="$product.name"/></div>
    <div itemprop="description"><ss:value source="$product.brief"/></div>
    <img itemprop="image" src="<ss:value source="$product.thumbnailImage"/>"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price"><ss:value source="$product.displayPrice"/></span>
    </div>
</div>

OpenCart

Install in the product.tpl template.

<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name"><?php echo $heading_title; ?></div>
    <div itemprop="description"><?php echo $description; ?></div>
    <img itemprop="image" src="<?php echo $popup; ?>"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <span itemprop="price"><?php if ($special) echo $special; else echo $price; ?></span>
    </div>
</div>

X-Cart

Install in the product_details.tpl template.

<div itemscope itemtype="http://schema.org/Product" style="display: none;">
        <div itemprop="name">{$product.producttitle|amp}</div>
        <div itemprop="description">{$product.fulldescr|default:$product.descr}</div>
        <img itemprop="image" src="{$product.image_url}"/>
        <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
            <span itemprop="price">{currency value=$product.taxed_price}</span>
        </div>
    </div>

Contact Us

  • Please use the floating chat bubble in the bottom right hand side of your screen to initiate a request.

http://assets1.desk.com/
false
addshoppers
Loading
seconds ago
a minute ago
minutes ago
an hour ago
hours ago
a day ago
days ago
about
false
Invalid characters found
/customer/en/portal/articles/autocomplete