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 10 years, 8 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

Participant

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

Participant

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

Participant

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

Participant

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?

Explore our best WordPress WooCommerce Themes collection