Navigation

    APPDRAG Community

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Popular

    REMINDER

    Please be respectful of all AppDragers! Keep it really civil so that we can make the AppDrag community of builders as embracing, positive and inspiring as possible.

    Image resizing

    Cloud CMS (Pagebuilder, Blog, Shop, Newsletters, Code Editor)
    2
    9
    506
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • W
      William Wismer last edited by

      Is there a way to make the images in my product pages appear the correct size. All of the images I have uploaded into the system are blown up out of proportion and out of the product page frame. I have searched for a fix but nothing is working. From what I an tell the size of the frame is 16/9. It shows 650px height by 1000px wide

      The best fix would be for something I could do that would alter ALL of the product page frames for the product images at the same time but I'm not finding that either.

      If it's an individual fix then I would appreciate that guidance as well.

      Thanks!

      W 1 Reply Last reply Reply Quote 0
      • W
        William Wismer @William Wismer last edited by

        @William-Wismer These images are also oversized in the store page where each item is displayed before one clicks on it for more information

        1 Reply Last reply Reply Quote 0
        • Wassim
          Wassim last edited by

          Hi William,

          I guess it's about the image sizing property in your page builder from "cover" to "contain" would make it appear in the real size.

          Maybe you can share with us a link if it's not the expected answer.

          W 1 Reply Last reply Reply Quote 0
          • W
            William Wismer @Wassim last edited by

            @Wassim Where is the location to change from cover to contain, I'm not seeing this?

            1 Reply Last reply Reply Quote 0
            • Wassim
              Wassim last edited by

              Please send share a link so I know what type of image we're talking about.

              1 Reply Last reply Reply Quote 0
              • W
                William Wismer last edited by

                https://great-outdoors-481005.appdrag.site/preview/shop/12-Sea-Animals-Wall-Art.html?previewID=4260b471-bb0c-4dde-b499-64acff8569ce

                this is a preview from the shop - image is overblown so that the entire image is not visible

                1 Reply Last reply Reply Quote 0
                • Wassim
                  Wassim last edited by

                  @William-Wismer oh ok let's see how to do it :

                  1. Go to your shop product details page

                  2ec5fc89-4dc1-4729-a8d1-be0428033dde-image.png

                  1. Double click on the shop product details component and => customize shop product details design

                  d27dfa02-c54f-422b-9ef2-a16c27ae954d-image.png

                  1. Double click on your image
                    You should arrive in background options, scroll down to mode, and change it from cover to contain

                  3c259493-b097-4fc7-9ac4-c0464098b84f-image.png

                  Voilà, your image will be displayed as you want 👌

                  1 Reply Last reply Reply Quote 0
                  • W
                    William Wismer last edited by

                    Thank you for the reply, it was helpful. I'm trying to apply this also on the shop product page. The display has 4 products across the page and these images are also blown - up out of proportion. I found a way to change to contain there but I'm not seeing any change taking place. What am I doing wrong?

                    1 Reply Last reply Reply Quote 0
                    • Wassim
                      Wassim last edited by

                      @William-Wismer said in Image resizing:

                      hank you for the reply, it was helpful. I'm trying to apply this also on the shop product page. The display has 4 products across the page and these images are also blown - up out of proportion. I found a way to change to contain there but I'm not seeing any change taking place. What am I doing wrong?

                      You're welcome 🙏
                      Hum.. You can do the same thing on product listing, it's the same procedure. Just the first step is to double click on your products list and => customize

                      a18f8d54-ebfa-4ef6-b845-4442293dd63c-image.png

                      1 Reply Last reply Reply Quote 0
                      • First post
                        Last post