I am on ecommerce platform volusion (volusion.com) and it appears schema data is present in the code for reviews, however it does not display in google search results. Am I missing something. Here is a link to an example product and the schema that is coded on the page for reviews.
itemtype="http://schema.org/AggregateRating">
<span class="v-reviews__item">
<span class="v-reviews__avg-text">Average Rating:</span>
<img class="vCSS_img_star_avg_rating v-reviews__star-img" src="/v/vspfiles/templates/keri/images/star5.gif" alt="" />
<span class="v-reviews__avg-rating">
<span itemprop="ratingValue">5</span> of 5
</span>
</span>
<span class="v-reviews__item">
<span class="v-reviews__total-text">Total Reviews: <span itemprop="reviewCount">4</span></span>
</span>
You might want to follow the guidelines and register your interest as mentioned in reviews.
To participate, implement the markup, follow the guidelines for either critic reviews or review snippets, and register your interest in the pilot.
Hope this helps!
Related
I'm having real issues trying to get my bootstrap datepicker icon to attach to my textbox. I've read through all documentation and searched for hours to find a solution but nothing seems to work.
is the closest i've gotten with my markup but the icon seems to align to the right hand side of the screen
<div id="sandbox-container">DATE
<div class="input-group date">
<input type="text" class="form-control"><span class="input-group-addon"><i class="glyphicon glyphicon-th"></i></span>
</div>
</div>
It's pretty easy to do with Bootstrap input group and Font Awesome icons:
Structure
<label for="xxx">Date</label>
<div class="input-group">
<input type="text" class="form-control" id="xxx">
<div class="input-group-append">
<span class="input-group-text">
<i class="fas fa-calendar-alt"></i>
</span>
</div>
</div>
Icon Choices
I am showing you the free version of Font Awesome Icons. You can use whatever you like to represent the date picker icon. Here is some: https://fontawesome.com/icons?d=gallery&q=calendar&m=free
Screenshots
Demo
https://jsfiddle.net/davidliang2008/9a20fp3u/37/
I have a button which reads fine in Mozilla but in Chrome it is not working.
<div *ngFor="let product of products; let pIndex=index">
<mat-card [ngClass]="{'disablesidebar':showOverlay}">
<img mat-card-image (click)="onClickAddOn(product)" src="{{IMAGE_PATH}}/products/{{product.imageURL}}" alt="seat selection">
<mat-card-content>
<p>
{{ product.productName }}
</p>
</mat-card-content>
<button id="addSeatButton" mat-mini-fab color role="presentation" aria-label="'Seat Selection'" (click)="onClickAddOn(product)"
tabindex="6" class="rbtn-floating">
<i class="material-icons">add</i>
</button>
</mat-card>
</div>
Button addSeatButton id should read but is not working,Can someone please suggest what am I missing here.
I suspect the biggest problem is your role="presentation" on the button. That tells the screen reader that the button is no longer a button. It removes the semantics and essentially becomes a <span>. Try removing the role.
I have a customer model with the following collection:
#doctors = Customer.joins(:user).where(users: {role: User.roles[:doctor]})
which joins the user table and customer tables where user role is "doctor".
In my Customers index view currently I am listing all the customers, now I want to add a search filter using a Drop down list with a search button, where the list contains the first name of the Doctors. If I press the search button it should show only customers created by that particular doctor selected from the drop down list.
1. How to add a drop down list with search button which displays only first names of doctors ?
2. How to filter my customers listing when I select a particular doctor from the drop down and click on search button ?
<div class="btn-group">
<button type="button" class="btn btn-success btn-sm"><b>Search By Dr.</b></button>
<button type="button" class="btn btn-success btn-sm" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu">
<li>List All Customers</li>
<% #practices.each do |practice| %>
<li>Dr.<%= practice.firstname %></li>
<% end %>
</ul>
</div>
The above is the code that I am currently using, but is it correct way of Rails ?
Answer 1:
you can do this task using JS I will recommend you to use one of these jquery plugins for search bars Select2 and Chosen.
My personal experience with select2 is impressive.
it loads data via ajax and cache as well to avoid repeat calls. Its GUI give u a Google like feel. read its documentation and use it.
Answer 2:
select2 also give u events like change so u can make another ajax call to load filterd customers.
You can simply use the following tag in your rails view:
<%= select("doctor", "firstname", #doctors.all.collect(&:firstname)) %>
Then in your controller you'd have something like this:
def index
if params[:doctor]
#customers = Customer.joins(:user).where(users: {role: User.roles[:doctor]}, firstname: params[:doctor][:firstname].downcase)
else
#customers = Customer.all
end
end
You can do this auto_complete rails. Have a look on
http://railscasts.com/episodes/102-auto-complete-association
Thanks
I have a link that I need to click with capybara:
<div class="x-header x-floats x-push one-line ng-scope">
<div class="left">
<h1>Users</h1>
</div>
<span class="hint--left" data-hint="Create User">
<a class="x-round-button icon-plus" ng-tap="url('new')"></a>
</span>
</div>
I need to click the a with a class of x-round-button but I can't seem to find the right way to do so. I want to avoid using xpath if possible. Thank you in advance for the help.
You can do it like
page.find('.x-round-button').click
I am trying to use the jquery-ui accordion functionality on a drupal page. I have teams with multiple people in each team that I want to display. I have a view set up that groups by team, and has contact info for each team member. My accordion doesn't seem to be working. I used <?php jquery_ui_add('ui.accordion'); ?> to import the correct js file from the jquery ui module, and it is showing up in the js file.
I was wondering if I have too many div tags and that is shomehow messing with it. Does anyone see anything that may be affecting this?
Thanks for any thoughts.
Here is some sample code -
<div id="accordion">
<div>
<h3>Team: 1</h3>
<p>
<div class="views-field-title">
<label class="views-label-title">
Title:
</label>
<span class="field-content">John Doe</span>
</div>
<div class="views-field-field-email-value">
<label class="views-label-field-email-value">
Email:
</label>
<span class="field-content">John.Doe#email.com</span>
</div>
<div class="views-field-field-phone-value">
<label class="views-label-field-phone-value">
Phone:
</label>
<span class="field-content">555-555-5555</span>
</div>
<div class="views-field-field-extension-value">
<label class="views-label-field-extension-value">
Extension:
</label>
<span class="field-content"></span>
</div>
<div class="views-field-field-role-value">
<label class="views-label-field-role-value">
Role:
</label>
<span class="field-content">Team Leader</span>
</div>
</p>
and here is my jquery accordion call -
<script>
$(document).ready(function() {
$(function() {
$( "#accordion" ).accordion();
});
});
</script>
I hope you have figured it out already, but here's a solution I wrote up a while back...
http://www.cleaver.ca/content/jquery-ui-accordion-drupal-6
There can be some incompatibilities based on the version of jQuery and jQueryUI, so this may help sort things out. There's a link to the site where I got it workin
First off, when troubleshoot jQuery I have found it very useful to scale down any HTML that I pass to it to be parsed. Next, are you sure that the UI library is being called in. Try using drupal_add_js('/path/to/jquery.ui.js'); when you load your module.