General Discussion

Hi toanhnt,

Could you specify which home page image you want to make smaller?
There are many images on the home page - Sliders, Featured products, Carousels etc.
If you are talking about the hope page featured products then do you want to make only the images smaller or the whole product boxes?

Thanks

Hi,

I need to make the homepage featured products smaller so I can fit 3 products per row.
I need it just like nop version 2.7

Hi toanhnt,

You can find the css file of the DarkOrange theme here:
Themes\DarkOrange\Content\styles.css

Add this style:

.home-page-product-grid .product-item
{
width:160px;
}

But please note that you need to change other styles as well so that it could look nicer.

Thanks

Hello there !

I would like to know when you plan to release the Dark Orange theme for the version 3.0 of Nop Commerce ?

Thank you in avance,

MT

Hi silat,

The Dark Orange theme is already released for nopCommerce 3.0.
You can download your theme package again and you will find the 3.0 version in it.
We haven't announced yet that the theme is released as we are still finalizing the RTL support of the theme.

Thanks

Hello !

Thank you for your quick answer ! I have downloaded the theme and installed it on my little shop. It seems to work fine.

However, one bug I noticed : on the home page, the old price is not crossed.

I am not an CSS expert, but the class="price old-price" does not seem to have a concordance in the css file.

Could you help?

Warm Regards,

MT

Hi silat,

Thank you for your feedback. We will fix this in the theme. You can integrate the fix by modifying the ~/Themes/DarkOrange/Content/styles.css file as shown below:

find and replace the following 3 definitions with the ones below:

.product-grid .product-item .add-info .prices .actual-price, .product-grid .product-item .add-info .prices .old-price {
                margin: 0px;
            }

                .product-grid .product-item .add-info .prices .actual-price {
                    color: green;
                }

                .product-grid .product-item .add-info .prices .old-price {
                    color: Red;
                    text-decoration: line-through;
                }

Hope that helps!

Are you planning on updating the free Orange theme for nopCommerce 3.80?

Hi sumo300,

No, we don't have plans to support the Dark Orange and nopClassic themes for any newer versions of nopCommerce.
If you are interested in any of our premium themes please contact us sales at nop-templates.com.