How to change max-width in the product gallery in Magento 2












2















How to change max-width in the product gallery in Magento 2 by using below code.



<div class="fotorama__stage__shaft fotorama__grab" tabindex="0" data-gallery-role="stage-shaft" style="width: 684px; margin-left: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); max-width: 572px;"


Any advice?










share|improve this question
















bumped to the homepage by Community 2 mins ago


This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.




















    2















    How to change max-width in the product gallery in Magento 2 by using below code.



    <div class="fotorama__stage__shaft fotorama__grab" tabindex="0" data-gallery-role="stage-shaft" style="width: 684px; margin-left: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); max-width: 572px;"


    Any advice?










    share|improve this question
















    bumped to the homepage by Community 2 mins ago


    This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.


















      2












      2








      2








      How to change max-width in the product gallery in Magento 2 by using below code.



      <div class="fotorama__stage__shaft fotorama__grab" tabindex="0" data-gallery-role="stage-shaft" style="width: 684px; margin-left: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); max-width: 572px;"


      Any advice?










      share|improve this question
















      How to change max-width in the product gallery in Magento 2 by using below code.



      <div class="fotorama__stage__shaft fotorama__grab" tabindex="0" data-gallery-role="stage-shaft" style="width: 684px; margin-left: 0px; transition-duration: 0ms; transform: translate3d(0px, 0px, 0px); max-width: 572px;"


      Any advice?







      magento2 product fotorama-slider gallery-image






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Dec 26 '16 at 14:59









      Krishna ijjada

      5,64642355




      5,64642355










      asked Dec 26 '16 at 14:33









      user48677user48677

      312




      312





      bumped to the homepage by Community 2 mins ago


      This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.







      bumped to the homepage by Community 2 mins ago


      This question has answers that may be good or bad; the system has marked it active so that they can be reviewed.
























          2 Answers
          2






          active

          oldest

          votes


















          0














          Look at this file:



          vendor/magento/magento2ce/lib/web/fotorama/fotorama.js



          Line: 1900



          Or find this line:



          $stageShaft.css('max-width', $wrap.width() - padding);


          This is the file that builds the gallery on product page.






          share|improve this answer

































            0














            You have to override view.xml from blank theme in your custom theme under etc folder and now you can change product image's width according to your need.I hope it will help you.






            share|improve this answer























              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


















              StackExchange.ready(
              function () {
              StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f151906%2fhow-to-change-max-width-in-the-product-gallery-in-magento-2%23new-answer', 'question_page');
              }
              );

              Post as a guest















              Required, but never shown

























              2 Answers
              2






              active

              oldest

              votes








              2 Answers
              2






              active

              oldest

              votes









              active

              oldest

              votes






              active

              oldest

              votes









              0














              Look at this file:



              vendor/magento/magento2ce/lib/web/fotorama/fotorama.js



              Line: 1900



              Or find this line:



              $stageShaft.css('max-width', $wrap.width() - padding);


              This is the file that builds the gallery on product page.






              share|improve this answer






























                0














                Look at this file:



                vendor/magento/magento2ce/lib/web/fotorama/fotorama.js



                Line: 1900



                Or find this line:



                $stageShaft.css('max-width', $wrap.width() - padding);


                This is the file that builds the gallery on product page.






                share|improve this answer




























                  0












                  0








                  0







                  Look at this file:



                  vendor/magento/magento2ce/lib/web/fotorama/fotorama.js



                  Line: 1900



                  Or find this line:



                  $stageShaft.css('max-width', $wrap.width() - padding);


                  This is the file that builds the gallery on product page.






                  share|improve this answer















                  Look at this file:



                  vendor/magento/magento2ce/lib/web/fotorama/fotorama.js



                  Line: 1900



                  Or find this line:



                  $stageShaft.css('max-width', $wrap.width() - padding);


                  This is the file that builds the gallery on product page.







                  share|improve this answer














                  share|improve this answer



                  share|improve this answer








                  edited Apr 18 '17 at 20:58

























                  answered Apr 18 '17 at 20:31









                  Kaue MKaue M

                  7615




                  7615

























                      0














                      You have to override view.xml from blank theme in your custom theme under etc folder and now you can change product image's width according to your need.I hope it will help you.






                      share|improve this answer




























                        0














                        You have to override view.xml from blank theme in your custom theme under etc folder and now you can change product image's width according to your need.I hope it will help you.






                        share|improve this answer


























                          0












                          0








                          0







                          You have to override view.xml from blank theme in your custom theme under etc folder and now you can change product image's width according to your need.I hope it will help you.






                          share|improve this answer













                          You have to override view.xml from blank theme in your custom theme under etc folder and now you can change product image's width according to your need.I hope it will help you.







                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered Jun 15 '17 at 9:29









                          Jagriti JoshiJagriti Joshi

                          474




                          474






























                              draft saved

                              draft discarded




















































                              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%2f151906%2fhow-to-change-max-width-in-the-product-gallery-in-magento-2%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

                              Magento 2 controller redirect on button click in phtml file

                              Polycentropodidae