Magento 2.2.7 - how to set 3 products i row instead of 4 in grid












0















I want to set 3 products per row instead of 3.



any ideas?



magento 2.2.7



enter image description here



Thanks!



Best regards!









share







New contributor




Raul Baričević is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

























    0















    I want to set 3 products per row instead of 3.



    any ideas?



    magento 2.2.7



    enter image description here



    Thanks!



    Best regards!









    share







    New contributor




    Raul Baričević is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.























      0












      0








      0








      I want to set 3 products per row instead of 3.



      any ideas?



      magento 2.2.7



      enter image description here



      Thanks!



      Best regards!









      share







      New contributor




      Raul Baričević is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.












      I want to set 3 products per row instead of 3.



      any ideas?



      magento 2.2.7



      enter image description here



      Thanks!



      Best regards!







      magento2.2 luma-theme





      share







      New contributor




      Raul Baričević is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.










      share







      New contributor




      Raul Baričević is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.








      share



      share






      New contributor




      Raul Baričević is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked 6 mins ago









      Raul BaričevićRaul Baričević

      11




      11




      New contributor




      Raul Baričević is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      Raul Baričević is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      Raul Baričević is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






















          1 Answer
          1






          active

          oldest

          votes


















          0














          Change style in _listing.less in Magento_Catalogwebcsssourcemodule path



          .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
          .products-grid {
          .product-item {
          width: 100%/5;
          }
          }
          }


          to



          .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
          .page-products.page-layout-2columns-left,
          .page-products.page-layout-2columns-right {
          .products-grid .product-item {
          width: 100%/3;
          }
          }
          }




          share























            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
            });


            }
            });






            Raul Baričević is a new contributor. Be nice, and check out our Code of Conduct.










            draft saved

            draft discarded


















            StackExchange.ready(
            function () {
            StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f258285%2fmagento-2-2-7-how-to-set-3-products-i-row-instead-of-4-in-grid%23new-answer', 'question_page');
            }
            );

            Post as a guest















            Required, but never shown

























            1 Answer
            1






            active

            oldest

            votes








            1 Answer
            1






            active

            oldest

            votes









            active

            oldest

            votes






            active

            oldest

            votes









            0














            Change style in _listing.less in Magento_Catalogwebcsssourcemodule path



            .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
            .products-grid {
            .product-item {
            width: 100%/5;
            }
            }
            }


            to



            .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
            .page-products.page-layout-2columns-left,
            .page-products.page-layout-2columns-right {
            .products-grid .product-item {
            width: 100%/3;
            }
            }
            }




            share




























              0














              Change style in _listing.less in Magento_Catalogwebcsssourcemodule path



              .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
              .products-grid {
              .product-item {
              width: 100%/5;
              }
              }
              }


              to



              .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
              .page-products.page-layout-2columns-left,
              .page-products.page-layout-2columns-right {
              .products-grid .product-item {
              width: 100%/3;
              }
              }
              }




              share


























                0












                0








                0







                Change style in _listing.less in Magento_Catalogwebcsssourcemodule path



                .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
                .products-grid {
                .product-item {
                width: 100%/5;
                }
                }
                }


                to



                .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
                .page-products.page-layout-2columns-left,
                .page-products.page-layout-2columns-right {
                .products-grid .product-item {
                width: 100%/3;
                }
                }
                }




                share













                Change style in _listing.less in Magento_Catalogwebcsssourcemodule path



                .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
                .products-grid {
                .product-item {
                width: 100%/5;
                }
                }
                }


                to



                .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__l) {
                .page-products.page-layout-2columns-left,
                .page-products.page-layout-2columns-right {
                .products-grid .product-item {
                width: 100%/3;
                }
                }
                }





                share











                share


                share










                answered 3 mins ago









                Rakesh DongaRakesh Donga

                948




                948






















                    Raul Baričević is a new contributor. Be nice, and check out our Code of Conduct.










                    draft saved

                    draft discarded


















                    Raul Baričević is a new contributor. Be nice, and check out our Code of Conduct.













                    Raul Baričević is a new contributor. Be nice, and check out our Code of Conduct.












                    Raul Baričević is a new contributor. Be nice, and check out our Code of Conduct.
















                    Thanks for contributing an answer to Magento Stack Exchange!


                    • Please be sure to answer the question. Provide details and share your research!

                    But avoid



                    • Asking for help, clarification, or responding to other answers.

                    • Making statements based on opinion; back them up with references or personal experience.


                    To learn more, see our tips on writing great answers.




                    draft saved


                    draft discarded














                    StackExchange.ready(
                    function () {
                    StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f258285%2fmagento-2-2-7-how-to-set-3-products-i-row-instead-of-4-in-grid%23new-answer', 'question_page');
                    }
                    );

                    Post as a guest















                    Required, but never shown





















































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown

































                    Required, but never shown














                    Required, but never shown












                    Required, but never shown







                    Required, but never shown







                    Popular posts from this blog

                    What other Star Trek series did the main TNG cast show up in?

                    Berlina muro

                    Berlina aerponto