How to show "New Arrival!" Icon
 

Hi everyone.

I would like to show a little "New Arrival!" graphic icon or text next to the product name in product list and product's detail page.
And I want this icon to show up with products which were added recently(i.e. lastweek, in last 21days, et cetra...).
Could anyone tell me how to do this?

I have been using the following code for over a year. The source below is from my current store version 3.54.

You only need to change one file and add a small graphic image to display the "New" status on items that were added in the last "so many days". I added the image right after where the item title is displayed. I'm sure you can move it anywhere you would like. My image size is 31x12.

The following code will show the "New" icon if the item was added 20 days or less ago.

1. Add your graphic file in folder "skin1/images". I named my graphic file "skin1/images/mynew.gif". Shown below is the icon I use.

http://www.CabdCollectibles.com/store/skin1/images/mynew.gif

2. The file "skin1/customer/main/products.tpl" was changed to add the following code. Just insert the following code after line 12:


>>>>>>>>>> Listed below is the code that is before the above code just for a quick reference point of where to insert the additional code.

Hope it works....

thanks!
 

Sorry for replying late. Didn't notice my post was moved to other section...

Anyway, the code you gave me works totally fine!
Thanks.

I have just implemented this addition to my site. It is really useful for highlighting new items.

Thanks for the code.

I can't seem to get it to work. Here is the code, it should be ok.:



{* $Id: products.tpl,v 1.33.2.2 2003/08/26 06:06:22 svowl Exp $ *}
{if $usertype eq "C" and $config.Appearance.products_per_row ne "" and $config.Appearance.products_per_row gt 0 and $config.Appearance.products_per_row lt 4 and ($featured eq "Y" or $config.Appearance.featured_only_multicolumn eq "N")}
{include file="customer/main/products_t.tpl" products=$products}
{else}
{if $products}
{section name=product loop=$products}
<table border=0 width=100%>
<tr><td width=90 align=center valign=top>
<a href=product.php?productid={$products[product].productid}&cat={$cat}&page={$navigation_page}>{in clude file="product_thumbnail.tpl" productid=$products[product].productid image_x=$config.Appearance.thumbnail_width product=$products[product].product tmbn_url=$products[product].tmbn_url}
{$lng.lbl_see_details}</a>
</td>
<td valign=top>
{$products[product].product}</font>

{* // 60 * 60 * 24 * 20 days in unix time = 1728000б═ *}
{if ($products[product].add_date gt $smarty.now - 1728000) and ($products[product].add_date lt $smarty.now)}
[img]{$ImagesDir}/newstar.gif[/img]
{/if}


<font size=1>




{$products[product].descr|truncate:300:"...":true}


</font>
<hr size=1 noshade width=230 align=left>
{if $active_modules.Subscriptions ne "" and $products[product].catalogprice}
{include file="modules/Subscriptions/subscription_info_inlist.tpl"}
{else}
{if $products[product].price ne 0}
{if $products[product].list_price gt 0 and $products[product].price lt $products[product].list_price}
{math equation="100-(price/lprice)*100" price=$products[product].price lprice=$products[product].list_price format="%d" assign=discount}
<font class=MarketPrice>{$lng.lbl_market_price}: <s>
{include file="currency.tpl" value=$products[product].list_price}
</s></font>

{/if}
<font class=ProductPrice>{$lng.lbl_our_price}: {include file="currency.tpl" value=$products[product].price}</font><font class=MarketPrice>{include file="customer/main/alter_currency_value.tpl" alter_currency_value=$products[product].price}</font>{if $products[product].list_price gt 0 and $products[product].price lt $products[product].list_price}, save {$discount}%{/if}{if $config.Taxes.use_vat eq "Y" and $products[product].vat gt "0"}, {$lng.lbl_including_vat} {$products[product].vat}%{/if}
{else}
<font class=ProductPrice>{$lng.lbl_enter_your_price}</font>
{/if}
{/if}
{if $usertype eq "C" and $config.Appearance.buynow_button_enabled eq "Y"}
{include file="customer/main/buy_now.tpl" product=$products[product]}
{/if}
</td></tr>
</table>






{/section}
{else}
{$lng.lbl_no_products_found}
{/if}
{/if}

this is great, thanks!

is there a solution for xcart 4 users, this could be quite a handy mod to have if it works :)

cheers

Works in 4.0.9
 

I am using the same configuration as stated above and it works fime for me. I am now at 4.0.9

Re: Works in 4.0.9
 

excellent, will give it a whirl.....didnt work first time, but maybe missed something :)

I copy and paste the code in the location it was suggested and It did not work for me.

any ideas?


Kind regards,
Ricky

Here is a copy of my products.tpl
The only change I made to the orginal code posted for this mod was to hard code my path to the 'NEW" img file because it is not within my storefront directory

Does it have any thing to do with the fact that I have in my store the items display in 3 columns?

Still not working....... :cry:


Kind regards,
Ricky

I posted the code and it worked .. no problems .. very nice - Thank You for sharing. http://www.vitamancafe.com/store/customer/home.php?cat=345

If you have multiple columns I believe you need to edit "products_t.tpl"

try that.

Thank you I will try that later today and I will let every one know the outcome.

Kind regards,
Ricky

This little mod actually looks pretty cool.

I just may give it a whirl to see how it does.

Thanks for sharing!

Thanks for a wonderful mod. I have this working on my site in a 3 column layout too for those that mentioned problems in a 3 column cart.

Cheers

ETInteractive.com

I am de the modification to the tpl above and yes it does work. So if you are using more than one colunm edit products_t.tpl.

Thank you so much every one.

Kind regards,
Ricky

Definatley works in 4.0.9

I wouls like to know how to add it to the standard product detail page also, this would be nice addition.

As it stands, the only place this icon will show is in my features mod (nice) and in the mail catagory listing.

If you go to individual page, it does not show.

Any ideas out there?

Thanks for the mod, It is a nice touch.

I havent tested this, but see if this works in customer/main/product.tpl:


If you have this showing after the product name inside the main table on the product page the code has to be altered to fit within the dialog code.

All of that is untested, but i am sure it will work.

Works Great!

Thanks so much for the time you have helped me AND the original posting for the mod itself!

how add the new image to product
 

i have done what you said, but i dont know how to add this image to product

Re: how add the new image to product
 

If you have done what is posted (and it does work), then all that is left to do is upload modified files unless it was done via webmasters mode window, and then upload the image you have chosen to use as your "NEW Product" pic.

That is it, easy as pie :wink:

and make sure you upload your .gif file to the skin1/images directory.

lol, this is true,

I guess I should have reiterated this myself. I assumed since the instructions were followed it would be done. However, this may have been the issue the entire time...

File structure IS important :wink:

Thanks CC

Oooh that works great--thanks SO much!! :)

Holly

Update: To get the "New Product" image in your detailed product pages,
Put the above mentioned code right under


In the /customer/main/product.tpl file

It will put the "new product" image right next to the image thumb.
4.0.18

Where is the image?
 

I can not see/download the icon image. Can someone re-post it please.

Thanks

It does not really matter, you can create your own (so it matches you site) and then use that. Just make sure it is not to big. It may push your tables around a bit if it is.

Re: How to show "New Arrival!" Icon
 

could someone please tell me where I find the skin1/images file to add the graphic there.
and where abouts the skin1/customer/mina/products.tpl file is

Re: How to show "New Arrival!" Icon
 

I don't think this modification will work with the 4.1.x version.

Re: How to show "New Arrival!" Icon
 

I have gotten this mod to work in 4.1.9.

Also, dont want to hijack, but would anyone know how to do the same for bestsellers. Lets say something like "top 100 Product".

-ds

Re: How to show "New Arrival!" Icon
 

Update: We installed this mod, and took it off after two days. We tend to think people do not like seeing this kind of thing, because it raises anxieties, such as:

1. Am I the first one buying this item
2. What if its not good, it really hasnt been tested in the marketplace.
3. Makes me nervous because this company has not been dealing with this product very long.

Although the product might just be new to the site, and not actually new, it will still raise these anxieties.

I know there are people out there who will disagree with this, but I do have some hard facts on increases in our abondonment rate, and decreases in conversion, which I directly attribute to this mod.

But thanks anyway, you never know until you try......

Good Luck.

PS: For those of you who do install this mod, I have attached a neat "new" image for anyone who wants to use it (the one we used)

Re: How to show "New Arrival!" Icon
 

Well, some people are always looking for the latest and greatest. If you don't have "new" items then how does the customer know they are not buying last years model, or an obsolete product? Or worse, how do they know the web site is still active? In other words, "new" is good! 8O

"New"can be overused, like putting it in bestsellers for instance. How can it be a "bestseller" if it is a recent addition? Does that mean your other products don't sell, just the "new" ones? :P It is a double-edged sword.

Customers want to see "change" when they revisit a web site, and "new" equals change. So does "sale", but if either are overused they become pretty much meaningless. I have seen several retail stores that advertise "going out of business" sales for months on end. There was even one that did so for years. When they actually did go out of business recently, no one seemed to pay attention to yet another "going out of business" sale. :?

Re: How to show "New Arrival!" Icon
 

I dont think there is a definitive right response. Some items people want the latest and greatest, but sometimes tried and true is the correct way to go about things. You cant say that what might work for an electronics company, would work for a suit mfg. Two totally different customer needs.

Maybe my post above was a little harsh, but for this particular site, we dont need the latest and greatest.

I totally agree about your statement, that you want to show that your website is "alive", which is what we were trying to do........for us there are otherways, such as 24 hour sales, a clock on the website, a new products section. so on and so forth.

good call....

Re: How to show "New Arrival!" Icon
 

Hi,

As to how useful it is, it really depends on your industry and marktplace, for me, this will be great.

I can't get it to work in my version though, it looks like it cannot calculate $products[product].add_date it's maybe not available to the template.

If anyone has got it working on 4.1 please let us know how,

Re: How to show "New Arrival!" Icon
 

Sorry!

It is working, just not on my newproducts.php page!

Re: How to show "New Arrival!" Icon
 

Very confusing, So, does it work with 4.1.11?

If so, can someone please post the code the we need to add,

Thanks!

Re: How to show "New Arrival!" Icon
 

I did this on 4.2 in products_t.tpl (before reading this post) using the following code:

{if $smarty.now-$product.add_date lt 2629743}NEW!{/if}

We're using styled text, but obviously you could replace NEW! with an image if that suits your needs better.

The 2629743 is the number of seconds in a month, as we wanted anything added in the last month to be marked as new. If you want a different time period, you just need to figure out how many seconds long it is and then use it in place of 2629743.

Re: How to show "New Arrival!" Icon
 

Anyone have a complete working code for this "New Arrival"?