To show 4 products in a single row, use below code. Paste this code in MANAGE > SETTINGS > ADVANCED FEATURES > 3RD PARTY JAVA SCRIPT SECTION.




Please Note: This is just a SAMPLE code. The required changes can be done by anyone who is technically sound in Java and HTML/CSS coding.

  

<style>
.span4.forImage {
width: 23%;
margin-left: 1.5%;
margin-bottom: 3%;
font-size: 80%;
}
.forImage.defaultrelative{padding-bottom:38% !important}
#allProducts div div {clear: none}



@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
.span4.forImage{
width: 47%!important;
margin-left: 2%;
margin-bottom: 3%;
font-size: 80%;
}
.forImage.defaultrelative{padding-bottom: 62.1% !important;
height: 0 !important;
overflow: hidden !important;}
#allProducts div div {clear: both}
}

@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {
.span4.forImage{
width: 100%!important;
margin-left: 2%;
margin-bottom: 3%;
font-size: 80%;
}
.forImage.defaultrelative{padding-bottom: 132.6% !important;
height: 0 !important;
overflow: hidden !important;}
#allProducts div div {clear: both}
}

</style>