Jump to content

New item logo/icon


Recommended Posts

Hi!

Is there a way to have a little logo on products that are new?

I see in the backstore there is an option to change to period of time an item is considered new but no logo appears next to my products. I am using ipnotik theme.

Any ideas?

Many thanks!

Link to comment
Share on other sites

You will need to enter the following code to your prod-list.tpl:

{if $product.new == 1}{l s='new'}{/if}

Then the following will need to be added to you themes global.css:

.new {
background: transparent url(../img/flag_new_bg.jpg) repeat-x scroll 0%;
border: 1px solid #488C40;
color: white;
font-size: 0.6em;
font-weight: bold;
margin: 0 1em 0 0;
padding: 0 0.4em;
text-transform: uppercase;
vertical-align: 0.3em
}

Hope this helps!

Link to comment
Share on other sites

Here is code in global.css what you need to change
to

#center_column .categorie_product ul li {
clear:none;
float:left;
height:190px;
padding:2em 0 1em;
position:relative;
}

global.css (line 736)
position:relative is new then

#center_column .categorie_product span {
background:url("../img/graphic_new-in.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
font-weight:normal;
height:19px;
position:absolute;
text-align:center;
width:55px;
z-index:1;


}
global.css (line 725)
z-index is new and color changed to white.

Link to comment
Share on other sites

/* Special style for block products in center column */
.featured_liste_ul {background:white}
#center_column .categorie_product ul {list-style:none; width:740px; float:right; border-top:1.2px solid #606060}
#center_column .categorie_product ul li {
clear:none;
float:left;
height:190px;
padding:2em 0 1em;
position:relative;
}


#center_column .categorie_product  {color: #595a5e; border: none;}
#center_column .categorie_product h3 {padding:0 0 0.8em 0em; margin:0em; line-height:normal; width:100%; font-size:11px; background:transparent; text-align: center}
#center_column .categorie_product h3 a { color:#999; padding:0em; margin:0em; font-weight:normal; }

#center_column .categorie_product  span{ color:#606060; 
font-weight:normal; 
background:url("../img/graphic_new-in.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF; position:absolute; text-align:center; z-index:1;}

#center_column .categorie_product  p { margin:0; padding:0; text-align:center}
#center_column .categorie_product  .pprice{color: #000; font-weight:bold; padding-left:0em}
#center_column .categorie_product  .pprice a {background:#606060; color:white; font-size:0.8em; margin-left:1em; padding:0.1em 0.5em 0.1em 0.5em}
#center_column .categorie_product  .pprice a:hover {background:#333333; color:white;}
#center_column #categorie_product_view span {background-image:none;}
#center_column #categorie_product_view a { color:#606060; background:white; padding:0}
#center_column #categorie_product_view a:hover { color:#000}
#center_column .categorie_product a {color: #3dbdce;}
#center_column .categorie_product a:hover {color: #606060;}
/* #center_column .categorie_product li {margin:0em 0 0em 3.5em; background:transparent } */
#center_column .categorie_product ul li {float: left; clear: none; height:190px; padding:2em 0 1em 0}



Think i've got myself in a right pickle haven't i?

Link to comment
Share on other sites

Yes :-)

And i think this theme is designed for older version of prestashop so some files structure is changed.

That line of code for new product should be also in new-products.tpl and search.tpl

And delete this line in product-list.tpl

{if $product.new == 1}dfsdfsf{l s='new'}{/if}

Link to comment
Share on other sites

That file is themes/ipnotik/modules/homefeatured/homefeatured.tpl

Add same code.

{if $product.new == 1}{l s=‘new’}{/if}



And similar changes to global.css

#center_column .products_block ul li {
clear:none;
float:left;
height:200px;
margin:0 0 0.5em;
position:relative;
width:180px;
}


and

.new {
background:url("../img/graphic_new-in.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF !important;
font-weight:normal;
padding:0 1em;
position:absolute;
width:50px;
z-index:1;
}

Link to comment
Share on other sites

×
×
  • Create New...