Jump to content

How remove NEW product_flags


dmitrii_designer

Recommended Posts

  • 1 year later...
  • 3 weeks later...

I want to keep the amount of days the product is considered 'new', but I want to remove the text 'new' in the catalog page.

 

I sell second-hand products, thats why I want to keep the recently added products, but remove the text 'new'.

  • Like 2
Link to comment
Share on other sites

I want to keep the amount of days the product is considered 'new', but I want to remove the text 'new' in the catalog page.

 

I sell second-hand products, thats why I want to keep the recently added products, but remove the text 'new'.

 

Assuming that you use PrestaShop 1.5, to remove the "new" text from images on category/product list pages you need to edit the product_list.css file of your theme. For example, if the root PrestaShop directory on your hosting account is public_html and you use the default theme, then the path to the file would be public_html/themes/default/css/product_list.css. Find the following code:

 

#product_list li span.new {
  display: block;
  position: absolute;
  top: 15px;
  right:-30px;
  padding: 1px 4px;
  width: 101px;
  font-size:10px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform:rotate(45deg);
  -ms-transform: rotate(45deg);
  background-color: #990000
 }

 

and just change display: block; to display: none;

 

In case you also want to remove the "new" text from images of featured products on the home page, you need to edit the file homefeatured.css. The path to the file would be public_html/modules/homefeatured/homefeatured.css. Find the following code:

 

#featured-products_block_center .product_image span.new {
display: block;
position: absolute;
top: 15px;
right:-30px;
padding: 1px 4px;
width: 101px;
font-size:10px;
color: #fff;
text-align: center;
text-transform: uppercase;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform: rotate(45deg);
background-color: #990000
}

 

and again change display: block; to display: none;

 

After that clear your browser cache and refresh the frontend of your site.

 

The process is very similar if you use PrestaShop 1.4. To remove the "new" notice from category/product list pages you need to edit the file product_list.css of your theme. If the root PrestaShop directory is public_html and you use the default theme, the path will be public_html/themes/prestashop/css/product_list.css. Find the following code:

 

ul#product_list li .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
}

 

and on a new line in the code put display: none;

 

Hope this helps.

Edited by hxd (see edit history)
  • Like 1
Link to comment
Share on other sites

  • 8 months later...

Assuming that you use PrestaShop 1.5, to remove the "new" text from images on category/product list pages you need to edit the product_list.css file of your theme. For example, if the root PrestaShop directory on your hosting account is public_html and you use the default theme, then the path to the file would be public_html/themes/default/css/product_list.css. Find the following code:

 

#product_list li span.new {
   display: block;
   position: absolute;
   top: 15px;
   right:-30px;
   padding: 1px 4px;
   width: 101px;
   font-size:10px;
   color: #fff;
   text-align: center;
   text-transform: uppercase;
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -o-transform:rotate(45deg);
   -ms-transform: rotate(45deg);
   background-color: #990000
  }
and just change display: block; to display: none;

 

In case you also want to remove the "new" text from images of featured products on the home page, you need to edit the file homefeatured.css. The path to the file would be public_html/modules/homefeatured/homefeatured.css. Find the following code:

 

#featured-products_block_center .product_image span.new {
display: block;
position: absolute;
top: 15px;
right:-30px;
padding: 1px 4px;
width: 101px;
font-size:10px;
color: #fff;
text-align: center;
text-transform: uppercase;
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform:rotate(45deg);
-ms-transform: rotate(45deg);
background-color: #990000
}
and again change display: block; to display: none;

 

After that clear your browser cache and refresh the frontend of your site.

 

The process is very similar if you use PrestaShop 1.4. To remove the "new" notice from category/product list pages you need to edit the file product_list.css of your theme. If the root PrestaShop directory is public_html and you use the default theme, the path will be public_html/themes/prestashop/css/product_list.css. Find the following code:

 

ul#product_list li .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
}
and on a new line in the code put display: none;

 

Hope this helps.

 

Is it normal my product_list.css is empty??

Link to comment
Share on other sites

  • 1 year later...
  • 3 months later...

I don't suppose there's any way to remove the "new" status from specific products only?  I just went and added in a bunch of discontinued items (so customers still have the info if they need it) and now they are mixed with my other products as "new".  Kind of confusing to the customer.  If there's no easy way to do it, I'll just shut off new entirely.

  • Like 1
Link to comment
Share on other sites

  • 1 year later...

I don't suppose there's any way to remove the "new" status from specific products only?  I just went and added in a bunch of discontinued items (so customers still have the info if they need it) and now they are mixed with my other products as "new".  Kind of confusing to the customer.  If there's no easy way to do it, I'll just shut off new entirely.

 

I was wondering this exact same thing. We have added some products just for display purposes but we do not want to showcase them in the New Product tab on the homepage. Is there a way of unflagging certain products as NEW??

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...