This topic has 11 replies, 3 voices, and was last updated 9 years, 8 months ago ago by Brian Johnson
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,
Hello,
You can mark product as a NEW one in Products->select Product->edit->scroll down and find Custom Setting.
Regards,
Robert Hall.
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,
In this case you can use following shortcodes.
[etheme_best_selling_products per_page="4"]
[etheme_sale_products per_page="4"]
Regards,
Robert Hall.
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.
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
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.
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
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.
Fantastic thank you kindly, just what I was looking for 🙂
Amazing supprt
A++
Cheers,
You are welcome!
With best regards
Brian Johnson
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