Ttdfjt

How to supply water to a coastal desert town with no rain and no freshwater aquifers?

Check whether quotient ring is a field or an integral domain

Is this standard Japanese employment negotiations, or am I missing something?

Why would "dead languages" be the only languages that spells could be written in?

Is の方 necessary here?

A positive integer functional equation

How did Einstein know the speed of light was constant?

What's the big deal about the Nazgûl losing their horses?

Why no parachutes in the Orion AA2 abort test?

Is conquering your neighbors to fight a greater enemy a valid strategy?

Is kapton suitable for use as high voltage insulation?

Can you take the Dodge action while prone?

PhD: When to quit and move on?

Has there ever been a cold war other than between the U.S. and the U.S.S.R.?

Did Stalin kill all Soviet officers involved in the Winter War?

Does the Milky Way orbit around anything?

How did the IEC decide to create kibibytes?

The Purpose of "Natu"

2000s (or earlier) cyberpunk novel: dystopia, mega storm, omnipresent noise

What is the fundamental difference between catching whales and hunting other animals?

How come a desk dictionary be abridged?

Why did Super-VGA offer the 5:4 1280*1024 resolution?

Find max number you can create from an array of numbers

How did Captain Marvel do this without dying?

Magento 2 change number of items per row

How to change listing per page option?How to edit gallery images more view slider in product page?Less Compilation in Magento 2Magento 2: how to change default Country option on checkout pageMagento 2 : Change Number of Items Per Row set From Admin for Different CategoriesHow to Change Email Logo in magento 2Magento 2: Custom url for state=onsale produtcsMagento 2: Font family does not change. How to troubleshoot?Add right column menu items in Admin - Magento 2How to change row subtotal with custom price in cart?Magento 2: Product List Not Showing in Catalog and Search

.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;

0

I'm using Magento 2 with a custom theme , and I'm trying to change the number of items per row in the catalog. Now I'm having 3 items per row , and I'm trying to get 4.. what's the right file to edit to change that , as I have already changed from the admin panel - configuration - catalog - Products per page on list allowed to 6,12,16,22,26 , but there are still 3..

magento2 items

share|improve this question

asked May 27 '16 at 14:44

alexcralexcr

65766 gold badges2323 silver badges5151 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What is your custom theme's parent theme? luma or blank?
  
  – Mike
  May 27 '16 at 16:38
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  My parent theme is Magento Blank !
  
  – alexcr
  May 27 '16 at 17:27
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Above solution doesnt work in magento 2.3
  
  – Gaurav Daware
  Jun 26 at 18:24
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This does not provide an answer to the question. Once you have sufficient reputation you will be able to comment on any post; instead, provide answers that don't require clarification from the asker. - From Review
  
  – Jai
  Jun 26 at 19:00
  

  
  
  
  

add a comment | 

0

I'm using Magento 2 with a custom theme , and I'm trying to change the number of items per row in the catalog. Now I'm having 3 items per row , and I'm trying to get 4.. what's the right file to edit to change that , as I have already changed from the admin panel - configuration - catalog - Products per page on list allowed to 6,12,16,22,26 , but there are still 3..

magento2 items

share|improve this question

asked May 27 '16 at 14:44

alexcralexcr

65766 gold badges2323 silver badges5151 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  What is your custom theme's parent theme? luma or blank?
  
  – Mike
  May 27 '16 at 16:38
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  My parent theme is Magento Blank !
  
  – alexcr
  May 27 '16 at 17:27
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Above solution doesnt work in magento 2.3
  
  – Gaurav Daware
  Jun 26 at 18:24
  

  
  
  
  


• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  This does not provide an answer to the question. Once you have sufficient reputation you will be able to comment on any post; instead, provide answers that don't require clarification from the asker. - From Review
  
  – Jai
  Jun 26 at 19:00
  

  
  
  
  

add a comment | 

I'm using Magento 2 with a custom theme , and I'm trying to change the number of items per row in the catalog. Now I'm having 3 items per row , and I'm trying to get 4.. what's the right file to edit to change that , as I have already changed from the admin panel - configuration - catalog - Products per page on list allowed to 6,12,16,22,26 , but there are still 3..

magento2 items

share|improve this question

asked May 27 '16 at 14:44

alexcralexcr

65766 gold badges2323 silver badges5151 bronze badges

share|improve this question

asked May 27 '16 at 14:44

alexcralexcr

65766 gold badges2323 silver badges5151 bronze badges

share|improve this question

asked May 27 '16 at 14:44

alexcralexcr

65766 gold badges2323 silver badges5151 bronze badges

asked May 27 '16 at 14:44

alexcralexcr

65766 gold badges2323 silver badges5151 bronze badges

asked May 27 '16 at 14:44

alexcralexcr

65766 gold badges2323 silver badges5151 bronze badges

2 Answers
2

active

oldest

votes

5

You can find below css styles in [Magento Blank Theme directory]/Magento_Catalog/web/css/source/module/_listings.less line 290 - 295

.products-grid .product-item width: 100%/3 
.page-layout-1column .products-grid .product-item width: 100%/3 
.page-layout-3columns .products-grid .product-item width: 100%/3 
.page-products .products-grid .product-item width: 100%/3 
.page-products.page-layout-1column .products-grid .product-item width: 100%/3 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/3 

So you can copy this file into your theme directory, then change those widths like below.

.products-grid .product-item width: 100%/4 
.page-layout-1column .products-grid .product-item width: 100%/4 
.page-layout-3columns .products-grid .product-item width: 100%/4 
.page-products .products-grid .product-item width: 100%/4 
.page-products.page-layout-1column .products-grid .product-item width: 100%/4 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/4 

share|improve this answer

answered May 28 '16 at 2:06

MikeMike

1,06722 gold badges1313 silver badges2424 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi @Dmitry , thank you for your time ! I just did so , cleared the cache and everything , but is still on 3 items per row.. any suggestion ?
  
  – alexcr
  May 28 '16 at 12:30
  

  
  
  
  

add a comment | 

0

Changing the values in "Products per Page on Grid Allowed Values" does not change the number of products per row. It simply changes the options available in products per page drop down for pagination. Edit the CSS to change the number of products per row as was already stated in Dmitry's answer (Although he did not provide all the CSS that may need to be changed). If that didn't work there may be an issue with magento incorporating your CSS changes like not putting the custom CSS file in the correct folder or not clearing the pub/static and var/view_preprocessed folders.

share|improve this answer

edited Mar 13 '18 at 8:18

Teja Bhagavan Kollepara

3,00144 gold badges2020 silver badges5151 bronze badges

answered Sep 16 '16 at 19:35

Cypher909Cypher909

21711 silver badge55 bronze badges

add a comment | 

Your Answer

StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);

draft saved

draft discarded

Sign up or log in

StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);

Sign up using Google

Sign up using Facebook

Sign up using Email and Password

Post as a guest

Name

Email

Required, but never shown

StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f117311%2fmagento-2-change-number-of-items-per-row%23new-answer', 'question_page');

);

Post as a guest

Name

Email

Required, but never shown

5

You can find below css styles in [Magento Blank Theme directory]/Magento_Catalog/web/css/source/module/_listings.less line 290 - 295

.products-grid .product-item width: 100%/3 
.page-layout-1column .products-grid .product-item width: 100%/3 
.page-layout-3columns .products-grid .product-item width: 100%/3 
.page-products .products-grid .product-item width: 100%/3 
.page-products.page-layout-1column .products-grid .product-item width: 100%/3 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/3 

So you can copy this file into your theme directory, then change those widths like below.

.products-grid .product-item width: 100%/4 
.page-layout-1column .products-grid .product-item width: 100%/4 
.page-layout-3columns .products-grid .product-item width: 100%/4 
.page-products .products-grid .product-item width: 100%/4 
.page-products.page-layout-1column .products-grid .product-item width: 100%/4 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/4 

share|improve this answer

answered May 28 '16 at 2:06

MikeMike

1,06722 gold badges1313 silver badges2424 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi @Dmitry , thank you for your time ! I just did so , cleared the cache and everything , but is still on 3 items per row.. any suggestion ?
  
  – alexcr
  May 28 '16 at 12:30
  

  
  
  
  

add a comment | 

5

You can find below css styles in [Magento Blank Theme directory]/Magento_Catalog/web/css/source/module/_listings.less line 290 - 295

.products-grid .product-item width: 100%/3 
.page-layout-1column .products-grid .product-item width: 100%/3 
.page-layout-3columns .products-grid .product-item width: 100%/3 
.page-products .products-grid .product-item width: 100%/3 
.page-products.page-layout-1column .products-grid .product-item width: 100%/3 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/3 

So you can copy this file into your theme directory, then change those widths like below.

.products-grid .product-item width: 100%/4 
.page-layout-1column .products-grid .product-item width: 100%/4 
.page-layout-3columns .products-grid .product-item width: 100%/4 
.page-products .products-grid .product-item width: 100%/4 
.page-products.page-layout-1column .products-grid .product-item width: 100%/4 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/4 

share|improve this answer

answered May 28 '16 at 2:06

MikeMike

1,06722 gold badges1313 silver badges2424 bronze badges

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Hi @Dmitry , thank you for your time ! I just did so , cleared the cache and everything , but is still on 3 items per row.. any suggestion ?
  
  – alexcr
  May 28 '16 at 12:30
  

  
  
  
  

add a comment | 

You can find below css styles in [Magento Blank Theme directory]/Magento_Catalog/web/css/source/module/_listings.less line 290 - 295

.products-grid .product-item width: 100%/3 
.page-layout-1column .products-grid .product-item width: 100%/3 
.page-layout-3columns .products-grid .product-item width: 100%/3 
.page-products .products-grid .product-item width: 100%/3 
.page-products.page-layout-1column .products-grid .product-item width: 100%/3 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/3 

So you can copy this file into your theme directory, then change those widths like below.

.products-grid .product-item width: 100%/4 
.page-layout-1column .products-grid .product-item width: 100%/4 
.page-layout-3columns .products-grid .product-item width: 100%/4 
.page-products .products-grid .product-item width: 100%/4 
.page-products.page-layout-1column .products-grid .product-item width: 100%/4 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/4 

share|improve this answer

answered May 28 '16 at 2:06

MikeMike

1,06722 gold badges1313 silver badges2424 bronze badges

.products-grid .product-item width: 100%/3 
.page-layout-1column .products-grid .product-item width: 100%/3 
.page-layout-3columns .products-grid .product-item width: 100%/3 
.page-products .products-grid .product-item width: 100%/3 
.page-products.page-layout-1column .products-grid .product-item width: 100%/3 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/3 

.products-grid .product-item width: 100%/4 
.page-layout-1column .products-grid .product-item width: 100%/4 
.page-layout-3columns .products-grid .product-item width: 100%/4 
.page-products .products-grid .product-item width: 100%/4 
.page-products.page-layout-1column .products-grid .product-item width: 100%/4 
.page-products.page-layout-3columns .products-grid .product-item width: 100%/4 

share|improve this answer

answered May 28 '16 at 2:06

MikeMike

1,06722 gold badges1313 silver badges2424 bronze badges

answered May 28 '16 at 2:06

MikeMike

1,06722 gold badges1313 silver badges2424 bronze badges

answered May 28 '16 at 2:06

MikeMike

1,06722 gold badges1313 silver badges2424 bronze badges

0

Changing the values in "Products per Page on Grid Allowed Values" does not change the number of products per row. It simply changes the options available in products per page drop down for pagination. Edit the CSS to change the number of products per row as was already stated in Dmitry's answer (Although he did not provide all the CSS that may need to be changed). If that didn't work there may be an issue with magento incorporating your CSS changes like not putting the custom CSS file in the correct folder or not clearing the pub/static and var/view_preprocessed folders.

share|improve this answer

edited Mar 13 '18 at 8:18

Teja Bhagavan Kollepara

3,00144 gold badges2020 silver badges5151 bronze badges

answered Sep 16 '16 at 19:35

Cypher909Cypher909

21711 silver badge55 bronze badges

add a comment | 

0

Changing the values in "Products per Page on Grid Allowed Values" does not change the number of products per row. It simply changes the options available in products per page drop down for pagination. Edit the CSS to change the number of products per row as was already stated in Dmitry's answer (Although he did not provide all the CSS that may need to be changed). If that didn't work there may be an issue with magento incorporating your CSS changes like not putting the custom CSS file in the correct folder or not clearing the pub/static and var/view_preprocessed folders.

share|improve this answer

edited Mar 13 '18 at 8:18

Teja Bhagavan Kollepara

3,00144 gold badges2020 silver badges5151 bronze badges

answered Sep 16 '16 at 19:35

Cypher909Cypher909

21711 silver badge55 bronze badges

add a comment | 

Changing the values in "Products per Page on Grid Allowed Values" does not change the number of products per row. It simply changes the options available in products per page drop down for pagination. Edit the CSS to change the number of products per row as was already stated in Dmitry's answer (Although he did not provide all the CSS that may need to be changed). If that didn't work there may be an issue with magento incorporating your CSS changes like not putting the custom CSS file in the correct folder or not clearing the pub/static and var/view_preprocessed folders.

share|improve this answer

edited Mar 13 '18 at 8:18

Teja Bhagavan Kollepara

3,00144 gold badges2020 silver badges5151 bronze badges

answered Sep 16 '16 at 19:35

Cypher909Cypher909

21711 silver badge55 bronze badges

share|improve this answer

edited Mar 13 '18 at 8:18

Teja Bhagavan Kollepara

3,00144 gold badges2020 silver badges5151 bronze badges

answered Sep 16 '16 at 19:35

Cypher909Cypher909

21711 silver badge55 bronze badges

edited Mar 13 '18 at 8:18

Teja Bhagavan Kollepara

3,00144 gold badges2020 silver badges5151 bronze badges

edited Mar 13 '18 at 8:18

Teja Bhagavan Kollepara

3,00144 gold badges2020 silver badges5151 bronze badges

answered Sep 16 '16 at 19:35

Cypher909Cypher909

21711 silver badge55 bronze badges

answered Sep 16 '16 at 19:35

Cypher909Cypher909

21711 silver badge55 bronze badges