Dear adrianviz,
In order to show prime icon after price link:
1. Make a custom template.
2. Use following code in HTML section:
{{#Items}}{{#Item}}{{#aalb}}{{CurrentPrice}}{{#Prime}}<i class=”icon-prime-all”></i>{{/Prime}}{{/aalb}}{{/Item}}{{/Items}}
3. Use following code in CSS section:
.icon-prime-all {
background: url(“https://images-na.ssl-images-amazon.com/images/G/01/AUIClients/AmazonUIBaseCSS-sprite_2x_weblab_AUI_100106_T1-4e9f4ae74b1b576e5f55de370aae7aedaedf390d._V2_.png”) no-repeat;
display: inline-block;
margin-top: -1px;
vertical-align: middle;
background-position: -192px -911px;
background-size: 560px 938px;
width: 52px;
height: 15px;
}
Hi,
I have created a new custom template called Prime-PriceLink.
In HTML section I added exactly:
{{#Items}}
{{#Item}}
{{#aalb}}
{{CurrentPrice}}{{#Prime}}<i class=”icon-prime-all”></i>
{{/aalb}}
{{/Item}}
{{/Items}}
And in CSS:
.icon-prime-all {
background: url(“https://images-na.ssl-images-amazon.com/images/G/01/AUIClients/AmazonUIBaseCSS-sprite_2x_weblab_AUI_100106_T1-4e9f4ae74b1b576e5f55de370aae7aedaedf390d._V2_.png”) no-repeat;
display: inline-block;
margin-top: -1px;
vertical-align: middle;
background-position: -192px -911px;
background-size: 560px 938px;
width: 52px;
height: 15px;
}
Please see screenshot: https://snag.gy/fElF7q.jpg
It only outputs a non-clickable price e.g. $599.99 without any Prime icon. Hence price is no longer clickable as when using the default PriceLink template, and no Prime icon is being added.
Have you tested the above or is there an error perhaps somewhere?
Thank you.
Adrian
Hi,
I apologize. In HTML it is added as:
In HTML section I added exactly:
{{#Items}}
{{#Item}}
{{#aalb}}
{{CurrentPrice}}{{#Prime}}<i class=”icon-prime-all”></i>{{/Prime}}
{{/aalb}}
{{/Item}}
{{/Items}}
Prime icon is not showing for any product that is Prime eligible.
Best,
Adrian
Dear Adrian,
We can see the prime icon next to price in our posts.
Please share the screenshot of your template and the specific ASIN(with marketplace) that is prime eligible and not showing up on your post.
Two examples of products eligible for Prime shipping:
B073P3JHTH
B06XH113GY
Attached are screenshots of two different templates i am trying yet Prime icon is not showing up after the pice.
First screenshot “Prime-PriceLink” only outputs price, but no link to the product page: https://snag.gy/7IMWBw.jpg
Second screenshots “Prime2-PriceLink” outputs price including a link to the product page: https://snag.gy/rmN1ek.jpg
Neither one displays Prime icon after price.
Ideally, what I would like to accomplish is to have two options to display Amazon prices:
1. For the first one, I would like to have most recent price (with link to product page) to show in BOLD with Prime icon (if eligible for prime) after the price e.g. $599.99 (prime icon)
2. For the second option (if possible), I would like to have original price with strikethrough and then current price in bold, with Prime icon after the price e.g. $799.99 (strikethrough the original price) $599.99 (prime icon)
Would it be possible to show HTML and CSS for the two examples above.
Thank you.
Best,
Adrian
