Return to previous page

Is there a way to display "Sale", "New" and Best seller items on my home page?

This topic has 11 replies, 3 voices, and was last updated 9 years, 7 months ago ago by Brian Johnson

itspaul

Participant

April 1, 2015 at 15:09

Good Day,

Is there a way to display “Sale”, “New” and Best seller items on my home page in a slider format just like what is being done for “Feature Products” and “Latest Products” just like the demo page? Do you recommend a plug for this, or can you help me out to code as such?

Thank you,

#53916 Copied

10 Answers

Robert Hall

Support staff

April 1, 2015 at 15:17

Hello,

You can mark product as a NEW one in Products->select Product->edit->scroll down and find Custom Setting.

Regards,
Robert Hall.

#53928 Copied

itspaul

Participant

April 1, 2015 at 17:07

Thank you for the reply.

Yes I know about that feature which will display on the home page as ‘Recent Products” but looking for a way to display sales and best seller products on the home page as well.

Thank you,

#54003 Copied

Robert Hall

Support staff

April 1, 2015 at 17:18

In this case you can use following shortcodes.
[etheme_best_selling_products per_page="4"]
[etheme_sale_products per_page="4"]

Regards,
Robert Hall.

#54006 Copied

itspaul

Participant

April 1, 2015 at 18:38

Beauty thanks Robert for the quick reply.

I tried the provided code and it seems like its working. However, when there is a 4th item it moves it to the next line so the per_page=”4″ is not working correctly, might be a width issue?

Also when using the following code to display “Latest” products –> [etheme_featured][etheme_new title=”Latest Products” ] It gives it a nice title and puts a underline underneath the title before the product gets listed. Is there a way to do the same with “Sale” and “Best Seller” code?

Thank you kindly.

#54042 Copied

itspaul

Participant

April 1, 2015 at 19:05

Update:

I had to modify the “Product Page” from 3 to 4 so that has been resolved :). However when I have more than 4 items on sale, it wont display pass 4 in other other words it doesn’t create a slider with the arrows to scroll to the right or left to view more products. When adding a 5 item on sale it replaces the 4th item.

Thank you,
ItsPaul

#54048 Copied
Robert Hall

Support staff

April 1, 2015 at 19:26
In this case it’s not possible to have slider with the arrows to scroll.
You can add this code in custom.css file to get underline for products.
```
#products-grid.products_grid .product-grid .product-name a{
text-decoration: underline;
}
```
Regards,
Robert Hall.
#54051 Copied
itspaul

Participant

April 7, 2015 at 15:46

Thank you for reply Robert. Not exactly what I was looking for but thanks for providing the such code.

Have a look at the image.

Thank you kindly

#55394 Copied
Robert Hall

Support staff

April 7, 2015 at 16:05
Hello,

I’ve added following code in custom.css file. Please check it.
```
.slider-title {
  border-bottom: 1px solid #efefef;
  margin: 0 -20px;
  padding: 0 20px 20px;
  font-size: 14px;
  text-transform: uppercase;
  color: #666669;
  text-align: left;
}
#products-grid {
  padding: 20px !important;
}
```
Regards,
Robert Hall.
#55402 Copied
itspaul

Participant

April 7, 2015 at 16:40

Fantastic thank you kindly, just what I was looking for 🙂

Amazing supprt
A++

Cheers,

#55424 Copied

Brian Johnson

Member

April 7, 2015 at 16:49

You are welcome!

With best regards
Brian Johnson

#55425 Copied
Viewing 11 results - 1 through 11 (of 11 total)

The issue related to '‘Is there a way to display "Sale", "New" and Best seller items on my home page?’' has been successfully resolved, and the topic is now closed for further responses

Is there a way to display "Sale", "New" and Best seller items on my home page?

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection