Feature Requests

Posted: 9 years ago

#7788 Quote

Status: Moderator
Total Posts: 1044

Help make Nop-Templates products better. Share your ideas or feature requests related to the Nop Traction Theme for nopCommerce.

rush69

Posted: 9 years ago

#8759 Quote

Total Posts: 4

Hello,
It would be possible to implement a carousel with all the reviews of the site?

Thanks

Deni

Posted: 9 years ago

#8763 Quote

Status: Moderator
Total Posts: 389

rush69 wrote:

Hello,
It would be possible to implement a carousel with all the reviews of the site?

Thanks

Hi,

Everything is possible, but for achieving this you need to create your own logic and write both back and front-end logic. You can insert this carousel in the pages via the Html Widgets plugin.
You can make a suggestion for such plugin in our User Voice portal.

I hope that helped you !

Best Regards,
Mladen Staykov
Nop-Templates.com

rush69

Posted: 9 years ago

#8768 Quote

Total Posts: 4

Deni wrote:

Hello,
It would be possible to implement a carousel with all the reviews of the site?

Thanks

Hi,

Everything is possible, but for achieving this you need to create your own logic and write both back and front-end logic. You can insert this carousel in the pages via the Html Widgets plugin.
You can make a suggestion for such plugin in our User Voice portal.

I hope that helped you !

Ok i've done in user voice portal
Thank you

Aviw

Posted: 8 years ago

#10116 Quote

Total Posts: 3

Hello!

Is it possible to easily remove box which appear on hover of products (with add to cart button), and get a view like in this template?

Peter.Zhekov

Posted: 8 years ago

#10120 Quote

Status: Moderator
Total Posts: 104

Aviw wrote:

Hello!

Is it possible to easily remove box which appear on hover of products (with add to cart button), and get a view like in this template?

Hi Aviw,

This can be done if you add the following code in the 'Custom Head Styles' in your theme administration. Acctually this code will make the short description, the rating and the buttons always visible. Please include the code in the 'Custom head styles' and if this is not what you want to achieve write back for more support.

@media all and (min-width: 1001px) {
.product-grid .item-box .add-info {
opacity: 1;
position: relative;
height: auto;
}
.product-grid .item-box .product-rating-box {
opacity: 1;
}
.product-grid .item-box .buttons {
opacity:1;
position: relative !important;
}
.product-grid .item-box .buttons a:hover, .product-grid .item-box .buttons input[type="button"]:hover, .product-grid .item-box .buttons .ajax-cart-button-wrapper:hover * {
    height: 32px;
}
.product-grid .prices {
    margin-bottom: 10px;
}

}

Regards,
Peter Zhekov
Nop-Templates.com

toanhnt

Posted: 4 years ago

#15782 Quote

Total Posts: 35

Peter.Zhekov wrote:

Hello!

Is it possible to easily remove box which appear on hover of products (with add to cart button), and get a view like in this template?

Hi Aviw,

This can be done if you add the following code in the 'Custom Head Styles' in your theme administration. Acctually this code will make the short description, the rating and the buttons always visible. Please include the code in the 'Custom head styles' and if this is not what you want to achieve write back for more support.

@media all and (min-width: 1001px) {
.product-grid .item-box .add-info {
opacity: 1;
position: relative;
height: auto;
}
.product-grid .item-box .product-rating-box {
opacity: 1;
}
.product-grid .item-box .buttons {
opacity:1;
position: relative !important;
}
.product-grid .item-box .buttons a:hover, .product-grid .item-box .buttons input[type="button"]:hover, .product-grid .item-box .buttons .ajax-cart-button-wrapper:hover * {
    height: 32px;
}
.product-grid .prices {
    margin-bottom: 10px;
}

}

Does this method work for version 4.2?

Valentin

Posted: 4 years ago

#15783 Quote

Status: Moderator
Total Posts: 172

toanhnt wrote:

Does this method work for version 4.2?

Hello toanhnt,

for the latest version of the theme, the above mentioned styling needs to be tweaked like so:


@media all and (min-width: 1025px) {
    .product-grid .item-box .add-info {
        opacity: 1;
        position: relative;
        height: auto !important;
        border: 0;
    }

    .product-grid .item-box .product-rating-box {
        opacity: 1;
        margin-bottom: 10px;
    }

    .product-grid .item-box .buttons {
        opacity: 1;
        position: relative !important;
        bottom: auto;
    }
    .product-grid .item-box .description { 
        display: none
    }

    .product-grid .item-box .buttons a:hover, .product-grid .item-box .buttons 
 input[type="button"]:hover, .product-grid .item-box .buttons .ajax-cart-button-wrapper:hover * {
        height: 32px;
    }

    .product-grid .prices {
        margin-bottom: 10px;
    }
}