Joomla Templates Club 406,261 posts

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#200560

Hello Team,

I want to know whether we can display product per row different page different no. The shop default products per row is 3.

Ex: 1 page should display 3 products per row and other page display 4 products per row (selected pages only).

Thanks in advance,

Pramod.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#546318

Hi Pramod,

<blockquote>I want to know whether we can display product per row different page different no. The shop default products per row is 3.</blockquote>

You need to custom the CSS for it.
Ex: In the home page, I added “home” to Extra Class in Megamenu configuration:

Then in file /templates/ja_bookshop/css/custom.css, I replaced this code:

.box-product > div {
width: 30%;
}

With:

.home .box-product > div {
width: 310px;
margin-right: 0;
}

Here is result: (4 products on per row)

You can change the value of width as you wish. And do as the same for other page.

Let me know if this helps.

---

Attachments:

1. 
2. 

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#546483

Hello Nazario,

Thanks for your suggestion. I have tried for 1 menu, its not happening could please check once again, below is url
http://thoomri.com/index.php/handloom-textile/dresses.html

The home page products are “Featured Product Module” its working for this page but i’m trying for category page.

Regards,
Pramod.

[Nazario A Friend Nazario AJoin date: April 2013Posts: 1183Downloads:0Uploads:406 Thanks: 91 Thanked: 284 times in 263 posts]

#546500

Hi Pramod,

In the submenu, you can add the page class in the menu item.

Then add this rule into file: /templates/ja_bookshop/css/custom.css

.dresses .product-grid > div {
float: none;
width: 310px;
}

Here is result:

You can change the value of width as you wish. And do as the same for other page.

Also, you can refer this tips to know how to use the class suffixes

Let me know if this helps

---

Attachments:

1. 
2. 

1 user says Thank You to Nazario A for this useful post

1. pramodsahu

[pramodsahu Friend pramodsahuJoin date: May 2014Posts: 83Downloads:219Uploads:10 Thanks: 29 Thanked: 5 times in 1 posts]

#546543

Hello Nazario,

Great! this is what I want. I was not knowing using class suffixes, thank you so much referring and guiding tips, I have learned new things and so happy with your support.

Be Happy!
Pramod.

[Author]

Posts