Recent Products.

Thank you for all previous help. Now I want to know that I have a widget in my home page called “Recent Products” and I have displayed 10 products in 2 columns but now I want to add a button(load more/show more),by clicking that it will show all the recent products that I have added(but show only 10 products on home page). How can I do that?

Hello,

You can add a button leading to a shopping page.

Create the button in the HTML block, assign the link.

Add the HTML widget to the sidebar with the recent products and choose the created HTML block

Best Regards

Ok thank you.

I have a problem now..link is created now and it works well now but the problem is in my recent product or sale product or any other product widget,I want to show only 5 products in my home page and after clicking in the button,I want to show all recent/sale products to be shown on the other page..how to do that?

Hello,

In this case, you will need to create Product Grid in HTML block with load more button. You will set 5 recent, for example, products and display this HTML block via HTMl widget in your sidebar. Here are more details on how to configure https://xtemos.com/docs/woodmart/faq-guides/product-grid-carousel-element/

Best Regards

Thank you for your help. but I want to show highlighted product. How can I show it. There is a option for highlighted products after clicking yes, still there is no option to which products is to be highlighted.

Can you send me the RGB value of your demo retail header banner? I want to use this in my website

Attachments:

You must be logged in to view attached files.

How can I change my load more button in products grid or carousal to be more stylish? It looks dull now.

Hello,

Try this code:

body .woodmart-load-more {
    border-width: 2px;
    border-color: #e9e9e9;
    color: #333;
    font-weight: 900;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 25px;
    padding-right: 25px;
}

Change the styles as per youк need and add the code to the Theme Settings > Custom CSS

If the code does not work, please provide your site admin access.

Best Regards

The code you gave not working. you can access my admin panel

and please send the rgb value of your retail demo header section.

Hello,

The code works: https://gyazo.com/25a0821d4bda0937e3d93bdf62300287 and https://gyazo.com/6dd39cdea6edfaea7ee653e731c4c1bb

As you see I have set blue border and red color and it works.

Retail header background-color:rgba(9,33,67,1);

Best Regards

Thank You, It works now.

I want to show highlighted product. How can I show it. There is a option for highlighted products after clicking yes, still there is no option to which products is to be highlighted.Can you help me with this

Hello,

You can do it with the help of Products Grid. You can show one product and highlight it. https://xtemos.com/docs/woodmart/faq-guides/product-grid-carousel-element/

Best Regards

[Author]

Posts