How to embed microdata attributes on product page

-- url of the page with the problem -- : www.filkab.solar
-- HikaShop version -- : 2.6.0
-- Joomla version -- : 3.4.3
-- PHP version -- : 5.3.15

Hi,
I have more microdata attributes from schema.org->productwhich I would like to include in the product page.
I know how to add them in the producttag plugin.
1. How do I embed these in the product page without showing them on the front end? Let's say that I have custom field with the mpn number of the product.

Is the following code correct:
<span hidden id="hikashop_product_mpn_main" class="hikashop_product_mpn_main">
<?php
echo $this->element->product_mpn;
?>
</span>

Do I need the code class="hikashop_product_mpn_main" if I'm not showing this attribute in the front end?
Is there another better (or correct) way to do it?

2. Let's say I'm using tabular view. How do I embed the manufacturer name which is included in the show_block_dimensions.php file? Do I have to add anothr variable for it in the show_tabular.php file?
Thank you.

Hi,

To add them on the product page directly, you can indeed edit the view of that product page.
If you are using the tabular view so the view to edit is "product / show_tabular" and there add the desired code.

You can add it anywhere as it is hidden, so no need to add it in show_block_dimensions. Even if it is duplicated, no problem as the schema attributes will be only on the added code.

You don't have to set an id or a class, only what is needed for the meta data and to hide the content.

Thank you Xavier,
Could you please post the correct code (for example for custom field mpn). I'm a little confused how to do it without id.
Thanks.

Hi,

For the micro data it is the "itemprop" attribute which is mandatory, not the id or the class.
So the code would be:

<span hidden itemprop="mpn"><?php echo $this->element->product_mpn; ?></span>

Thank you Xavier,
I've noticed a mistake when checking a product page with the Google Microdata Testing Tool - it doesn't recognize the itemprop="length".
I've checked the schema.org/product properties and there is no length one. I think the correct one is depth and the following code of the producttag plugin should be changed accordingly the bold text:

//Product length
$pattern='/class="hikashop_product_length_main"/';
$replacement='class="hikashop_product_length_main" itemprop="depth";
$product_page_parts[1] = preg_replace($pattern,$replacement,$product_page_parts[1],1);

Hi,

Thank you for this report, we will fix that for the next release.

Hi,
I have one more question, hopefully the last on this topic:
How can I change the url of the product pointing to the real canonical url:

Hi,

This seems to be taking the id of the div where the data:

itemscope itemtype="http://schema.org/Product"

id="hikashop_product_<?php echo preg_replace('#[^a-z0-9]#i','_',@$this->element->product_code); ?>_page"

Thank you Xavier,
That did the trick.

Hi,
For some of our products we don't have a price, it's only on request. I've modified the product page so it displays the product contact button instead of the FREE_PRICE string. But the microdata for these products has error, because the price is a required attribute in the Offer schema.
How should I modify the hikashopproducttag plugin in order to exclude the whole Offer microdata for the products without price?

P.S. I have decided to post my question here instead of opening new topic. Please let me know if I should open a new topic instead.

Hi,

The best way would be to add the modification in the product page code directly.
So instead of the "FREE_PRICE" string, you added the product contact button, and you can add that code too:

<div itemprop="offers" itemscope itemtype="http://schema.org/Offer" style="display:none;">
  <span itemprop="price" style="display: none;">
    0.00
  </span>
</div>

Dear Xavier,
The code provided in your previous post generates another mistake - the first exclamation mark on the attached screenshot.
If I only leave the rows:

<span itemprop="price" style="display: none;">
    0.00
  </span>

Hi,

So to remove the whole offers part you can remove the HTML code:
<span id="hikashop_product_price_main" class="hikashop_product_price_main" > ... </span> [code] In the view "product / show_default" when there is no price. That way the plugin will not add any microdata for the price.[code]
<span id="hikashop_product_price_main" class="hikashop_product_price_main" >
...
</span>
In the view "product / show_default" when there is no price. That way the plugin will not add any microdata for the price.[code]

In the view "product / show_default" when there is no price.

That way the plugin will not add any microdata for the price.

Hi Xavier,
Thank you very much for all your help but I need a little more assistance please. I thought I can modify the code by myself but apparently I'm doing something wrong.
This is the code I added and when testing with Google structured data testing tool the error is still present:

<?php		
	if (!empty($this->element->prices)) {
	?>
	
	<span id="hikashop_product_price_main" class="hikashop_product_price_main">
		<?php
		if ($this->params->get('show_price')) {
			$this->row = & $this->element;
			$this->setLayout('listing_price');
			echo $this->loadTemplate();
		}
		?>
	</span>
	
	<?php } ?>

Hi,

This modification seems to be correct. I would have given the same code
Could you give me the link to a page of a free product ?

Hi,
Products without prices:
http://www.filkab.solar/products/858-sunlight-res-opzv-2v-4245
http://www.filkab.solar/products/859-sunlight-res-sopzv-2v-150

In this category you can find both products with and without prices:
http://www.filkab.solar/products/category/33-deep-cycle

Attached you can find our hikashopproducttag.php file just for reference. All the modifications in it are some fields commented out. I don't think they interfere in any way with the price.

Hi,

I can see that you are using the "product / show_tabular" view, so do you have added the modifications in that view ?
The "hikashop_product_price_main" div is still on the page.

Hi Xavier,
I finally made it work I'll explain more details just for reference of other people on the forum.
1. Like Xavier said you have to use the correct view. I thought the code should be added in the "product / show_default" view but i was totally wrong. Modify the code in the view you use.
2. This is the code to cut off "offers" microdata when the product has no price for "product / show_tabular" view, plus adding contact button for price request in that case:

<?php		
	if (!empty($this->element->prices)) {
?>
	
	<span id="hikashop_product_price_main" class="hikashop_product_price_main">
		<?php
		if ($this->params->get('show_price')) {
			$this->row = & $this->element;
			$this->setLayout('listing_price');
			echo $this->loadTemplate();
		}
		?>
	</span>
	
	<?php } else {
	echo $this->cart->displayButton(JText :: _('CONTACT_US_FOR_INFO'), 'contact_us', $params, hikashop_completeLink('product&task=contact&cid=' . $this->element->product_id.$url_itemid), 'window.location=\'' . hikashop_completeLink('product&task=contact&cid=' . $this->element->product_id.$url_itemid) . '\';return false;');
	} ?>
	<br />

<div id="hikashop_product_bottom_part" class="hikashop_product_bottom_part show_tabular">
	.......
</div>

<div>
	<span hidden itemprop="name"><?php echo $this->element->product_page_title; ?></span>
	<span hidden itemprop="model"><?php echo $this->element->product_model; ?></span>
	<span hidden itemprop="mpn"><?php echo $this->element->product_mpn; ?></span>
	<span hidden itemprop="manufacturer"><?php echo $this->element->product_microdata_manufacturer; ?></span>
</div>

<div>
	<span hidden itemprop="name"><?php echo $this->element->product_page_title; ?></span>
	<span hidden itemprop="model"><?php echo $this->element->product_model; ?></span>
	<span hidden itemprop="mpn"><?php echo $this->element->product_mpn; ?></span>
	<span hidden itemprop="manufacturer"><?php echo $this->element->product_microdata_manufacturer; ?></span>
	</div>
	
	<?php	
	if (!empty($this->element->prices)) {
	?>
	
	<span id="hikashop_product_price_main" class="hikashop_product_price_main">
		<?php
		if ($this->params->get('show_price')) {
			$this->row = & $this->element;
			$this->setLayout('listing_price');
			echo $this->loadTemplate();
		}
		?>
	</span>
	
	<?php } else {
	echo $this->cart->displayButton(JText :: _('CONTACT_US_FOR_INFO'), 'contact_us', $params, hikashop_completeLink('product&task=contact&cid=' . $this->element->product_id.$url_itemid), 'window.location=\'' . hikashop_completeLink('product&task=contact&cid=' . $this->element->product_id.$url_itemid) . '\';return false;');
	} ?>
	<br />