vCard Microformat on a web page - outlook

I'm trying to use the vCard Microformat standard to provide a VCF export option on a web page, but when I try to export to Outlook 2003, it doesn't show the phone numbers at all. Here's the vCard code in the page; is this normal for Outlook to not pull in the phone numbers?
<div id="" class="vcard" style="float:left; display:inline-block;">
<a class="url fn n" style="color: #EEFDFD; text-decoration:none" href="http://www.unctv.org">
<span class="given-name"></span>
<span class="additional-name"></span>
<span class="family-name"></span>
</a>
<div class="org">UNC-TV</div>
<div class="adr">
<div class="street-address" style="display:inline">10 T.W. Alexander Drive, P.O. Box 14900</div>,
<span class="locality">Research Triangle Park</span>,
<span class="region">N.C.</span>
<span class="postal-code">27709-4900</span>
<span class="country-name"></span>
</div>
<span class="tel">
(919) 555-7000
</span>,
<span class="tel">
<span class="type">Fax</span>
<span class="value">(919) 555-7201</span>
</span>,
<a class="email" id="email" style="color: #EEFDFD; text-decoration:none" title="Click to email UNC-TV" href="mailto:some_email#somedomain.com">some_email#somedomain.com</a>
</div>

The Operator plugin, as suggested by cygri, does the job. I'm using both the Tails Export and Operator to show the power of microformats to folks.

Related

Reproducing a script in a widget (Magento ecommerce)

So there's this customized widget at this Magento store:
{{widget type="cmswidgets/category" title="Novos Produtos" featured_category="category/140" products_amount="15" column_count="5" template="signativa/cmswidgets/category.phtml" cache_lifetime="3600"}}
This widget/script has 2 variables in it from the Magento store, which are:
Credit card parcels (12x)
The discount when paying with cash (12%)
This widget is called "Novos Produtos" (New products in English) and it looks like this:
https://www.rbaimportados.com/teste-produtos-2
And it's code looks like this (just of one product as example):
<div class="product-info" style="min-height: 248px;">
<a class="product-name" href="https://www.rbaimportados.com/doogee-s95-pro.html"
title="Smartphone Doogee S95 Pro - 6.3" FHD+ And. 9.0 Helio P90 Octa 2.2GHz 8/128GB 48+8+8/16MP IP68">Smartphone
Doogee S95 Pro - 6.3" FHD+ And. 9.0 Helio P90 Octa 2.2GHz 8/128GB 48+8+8/16MP IP68</a>
<div class="price-box">
<p class="old-price">
<span class="price-label">De:</span>
<span class="price" id="old-price-1046">
R$2.500,00 </span>
</p>
<p class="special-price">
<span class="price-label">Preço Promocional</span>
<span class="price" id="product-price-1046">
R$2.299,90 </span>
</p>
</div>
<span id="container-nr-pcl-1046" class="nr-pcl"><span id="nr-pcl-1046">12x</span> de <span id="valor-pcl-1046"
class="big">R$191,66</span></span>
<p class="desconto-boleto">ou R$2.023,91 à vista</p>
<div class="actions">
<button type="button" title="Comprar" class="button btn-cart"
onclick="setLocation('https://www.rbaimportados.com/doogee-s95-pro.html')">
<span><span>Comprar</span></span></button>
<ul class="add-to-links">
<li><a href="https://www.rbaimportados.com/wishlist/index/add/product/1046/form_key/2ri9tViQD6d8V1AO/"
class="link-wishlist">Adicionar aos Favoritos</a></li>
</ul>
</div>
</div>
In comparison, here can be seen the default Magento "New products" widget, that has no Credit card parcels and/or Cash discount scripts:
https://www.rbaimportados.com/teste-produtos
**Therefore, please, how can I add those scripts
<span id="container-nr-pcl-1046" class="nr-pcl"><span id="nr-pcl-1046">12x</span> de <span id="valor-pcl-1046"
class="big">R$191,66</span></span>
<p class="desconto-boleto">ou R$2.023,91 à vista</p>
so they can work with the default "New products" default widget from Magento?**
I was wondering also if can be done in CSS or if has to be in Javascript...
Thanks in advance!

The result of an xpath is {{price}} in Scrapy

When I try to scrape price list the value that exists is a variable. You could help me with this please.
This is the source code:
<div id="template-precio" type="text/x-handlebars-template" style="display:none">
{{#if potentialSavedPrice}}
<span class="saving">Ahorra <b>${{potentialSavedPrice}}</b></span>
<span class="list">Precio lista: <i>${{price}}</i></span>
<span class="lable">Precio web:</span>
{{#if eCoupon}}
<span class="price">${{potentialCouponPrice}}</span>
<span class="coupon">Usa el cupón <b>{{eCoupon}}</b></span>
{{else}}
<span class="price">${{potentialDiscountedPrice}}</span>
{{/if}}
{{else}}
<span class="lable">Precio web:</span>
<span class="price">${{price}}</span>
{{/if}}
My xpath:
response.xpath('.//*[#class="list"]/i/text()').extract_first()
Result:
'${{price}}'
This is the code in the chrome inspector:
<div class="details-price">
<div class="">
<span class="saving">Ahorra <b>$369.943,87</b></span>
<span class="list">Precio lista: <i>$3.699.438,68</i></span>
<span class="lable">Precio web:</span>
<span class="price">$3.329.494,81</span>
<span class="coupon">Usa el cupón <b>B2BUSINESS</b></span>
This is the page:
http://www3.lenovo.com/co/es/ofertas-y-cupones
Thank you

image and data is not showing adjacent in bootstrap3

I am trying to image and its relevant data in bootstrap. For that I am writing code like below
<div class="col-xs-12 col-sm-3 col-sm-push-9">
<p style="padding:20px;"></p>
<h3 align=center>Our Lipsmacking Culinary Creations</h3>
</div>
<div class="col-xs-12 col-sm-9 col-sm-pull-3">
<div class="media">
<div class="media-left media-middle">
<a href="#">
<img class="media-object img-thumbnail" src="img/uthappizza.png" alt="Uthappiza">
</a>
<div class="media-body">
<h2 class="media-heading">Uthappizza</h2>
<p>A unique combination of Indian Uthappam (pancake) and
Italian pizza, topped with Cerignola olives, ripe vine
cherry tomatoes, Vidalia onion, Guntur chillies and
Buffalo Paneer.</p>
<p><a class="btn btn-primary btn-xs" href="#">More »</a></p>
</div>
</div>
</div>
</div>
I am getting output like this:
enter image description here
I want it to be side by side I don't know where I am going wrong.
Add pull-left to your image as a class. Bootply.

Breadcrumbs microdata not appearing in structured data preview tool

I'm trying microdata for breadcrumbs on a development site, and I've followed Google's own example, but for some reason the actual breadcrumb doesn't preview in the Structured Data Testing Tool
This is how my code looks like:
<div class="back" xmlns:v="http://rdf.data-vocabulary.org/#">
<h3>
<span itemprop="breadcrumb" typeof="v:Breadcrumb">
Steaks And Game
</span> ::
<span itemprop="breadcrumb" typeof="v:Breadcrumb">
Wagyu Steaks
</span> ::
<span itemprop="breadcrumb" typeof="v:Breadcrumb">Tenderloin - Filet Mignon
</span>
</h3>
<div class="clear"></div>
</div>
And this is what the Structure Data Tool is showing me:
It's showing URL under the title instead of the breadcrumb links.
This is an example showing the breadcrumb links:
The test page is here
And the preview of the page using the Structured data tool is here
site is built using Asp.Net
I've tried a number of things like:
Using the › sign instead of ::
I've even copy pasted Google's own example code for microdata breadcrumb implementations:
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/dresses" itemprop="url">
<span itemprop="title">Dresses</span>
</a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/dresses/real" itemprop="url">
<span itemprop="title">Real Dresses</span>
</a> ›
</div>
<div itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
<a href="http://www.example.com/clothes/dresses/real/green" itemprop="url">
<span itemprop="title">Real Green Dresses</span>
</a>
</div>
I've copy pasted the entire source code of the page on another page on a linux server and amazingly that validates correctly. I really don't know what to do further. Any advice would be appreciated.
I found a way to use the current Schema.org markup for valid breadcrumbs. It is important to not just append the breadcrumb links one by one, but to nest them and give all but the first one the 'child' itemprop.
<p id="breadcrumbs">
<span itemprop="breadcrumb" itemscope="itemscope" itemtype="http://schema.org/Breadcrumb">
<span itemprop="title">Dresses</span>
»
<span itemprop="child" itemscope="itemscope" itemtype="http://schema.org/Breadcrumb">
<span itemprop="title">Real Dresses</span>
»
<span itemprop="child" itemscope="itemscope" itemtype="http://schema.org/Breadcrumb">
<span itemprop="title">Real Green Dresses</span>
</span>
</span>
</span>
</p>
This is exactly how it works with Data-Vocabulary.org, it just uses the more current Schema.org markup instead. This will tell the search engines how your breadcrumbs are connected.
Use This SCHEMA strcture
**
Use this for Microdata for breadcrumber
**
<div class="breadcrumbs">
<ul>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="home" >
<a href="index.html" title="Go to Home Page" itemprop="url">
<span itemprop="title">Home</span>
</a>
<span>></span>
</li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="category5">
<a href="product.html" title="Product" itemprop="url">
<span itemprop="title">product name</span>
</a>
<span>></span>
</li>
<li itemscope itemtype="http://data-vocabulary.org/Breadcrumb" class="category5">
<a href=".finalproduct.html" title="final product" itemprop="url">
<span itemprop="title">final product</span>
</a>
<span>></span>
</li>
<li class="category6"><strong>Final Product view</strong></li>
</ul>
</div>
**
Important: It also used for SEO Purpose
**
enter link description here

microdata: how to declare several performers in one event?

I am building a webpage detailing an event.
That event has several people performing, and I would like to list all of the performers using microdata.
Here's what I have:
<div itemtype="http://schema.org/Event" itemscope itemprop="events">
<span itemprop="name description">EVENT NAME</span>
<span itemscope itemprop="performer" itemtype="http://schema.org/Person">
<span itemprop="name">PERFORMER 1</span>,
<span itemprop="name">PERFORMER 2</span>
</span>
</div>
Is this valid, or do I have to declare one itemprop="performer" for each performer as follows:
<div itemtype="http://schema.org/Event" itemscope itemprop="events">
<span itemprop="name description">EVENT NAME</span>
<span itemscope itemprop="performer" itemtype="http://schema.org/Person">
<span itemprop="name">PERFORMER 1</span>
</span>
<span itemscope itemprop="performer" itemtype="http://schema.org/Person">
<span itemprop="name">PERFORMER 2</span>
</span>
</div>
Thank you
Each http://schema.org/Person represents exactly one person.
Your first example would give several names to this single person.
If several name values would represent different persons, it wouldn’t be clear to whom additional properties belong:
<div itemscope itemtype="http://schema.org/Person">
<span itemprop="name">Alice</span>
<span itemprop="name">Bob</span>
<span itemprop="jobTitle">Smith</span>
</div>
Who’d be the smith here, Alice or Bob?
So you should use your second example.

Resources