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!
Related
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.
I want to know how I can change these static image in a clikable image to one of my web page. Thanks
<div class="section">
<div id="home-section">
<div class="home-box">
<img class="background-view" alt="École et boutique de danse orientale" src="upload/background.jpg">
<div class="slider-caption">
<div class="container">
<div class="flexslider">
<ul class="slides">
<li>
<p class="flex-caption">École / Boutique</p>
</li>
<li>
<p class="flex-caption"><span>de</span> Danse Orientale</p>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
What do you want to achieve? Like when you click on the picture you will get to another site/address?
If so, just wrap your .. with like for example in your code:
<a href="your address">
<img class="background-view" alt="École et boutique de danse orientale" src="upload/background.jpg">
</a>
I need to display date and time above Login in Magento page. I changed the Menus of My Account, Login with Contact Us & About Us, and now I need to display date and time above these options in header.phtml.
I used the below code:
'<div class="date-time">
<?php echo strftime('%c');?>
</div>'
Time and date is showing on site, but not exactly where I want. Any support will be highly apreciated.
Site: www.ozams.com
You just need to move your code above ul tag like:
<div class="header-right">
...............
<div class="clear"></div>
<div style="text-align: right;" class="date-time">
<?php echo strftime('%c');?>
</div>
<div class="clear"></div>
<ul class="links">
<li class="first"><a title="Contact Us" href="contact-us">Contact us</a></li>
<li class=" last"><a title="About Us" href="http://ozams.com/index.php/about-us/">About Us</a></li>
</ul>
</div>
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
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.