Frequently Asked Questions

How to change product grid Product Style
I got some question about change product grid layout to old version. This post will guide you how to do it :

- Default new version product layout like this one

image

So,  to change back to our old grid style. you can goto Admin / POS / Setting / Pos layout setting / Pos custom css Field

image
and

image

and enter this css code to that field :

.product-main-list .product-item-container .product-item-detail{
   background-size: 100%!important;
   background-position: center center!important;
}
.product-item-container .product-info{
	background: rgba(0, 0, 0, 0.7215686274509804);
   
}
.product-info .product-price {
    text-align: center!important;
    color: #fff!important;
  
}
.product-info .product-sku,
.product-info .product-name  {
    text-align: center!important;
    
}
.product-info .product-name span {
    
    color: #ff6d00!important;
}

Click update setting . And goto POS , REFRESH POS page again to see the effect:

image

That Done.



 Last updated Thu, Sep 20 2018 12:50am

Please Wait!

Please wait... it will take a second!