Close

Feature Requests

Support
4 years ago
#7788 Quote
Avatar
  • Moderator
  • 1002
PM
Help make Nop-Templates products better. Share your ideas or feature requests related to the Nop Traction Theme for nopCommerce.
rush69
4 years ago
#8759 Quote
Avatar
  • 4
PM
Hello,   
It would be possible to implement a carousel with all the reviews of the site?

Thanks
Deni
4 years ago
#8763 Quote
Avatar
  • Moderator
  • 389
PM
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
4 years ago
#8768 Quote
Avatar
  • 4
PM
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
3 years ago
#10116 Quote
Avatar
  • 3
PM
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
3 years ago
#10120 Quote
Avatar
  • Moderator
  • 104
PM
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
one month ago
#15782 Quote
Avatar
  • 30
PM
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
one month ago
#15783 Quote
Avatar
  • Moderator
  • 124
PM
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;
    }
}



Hope this is what you are looking for.
Best Regards,

Valentin Kirov
Nop-Templates.com