<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Image resizing]]></title><description><![CDATA[<p dir="auto">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</p>
<p dir="auto">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.</p>
<p dir="auto">If it's an individual fix then I would appreciate that guidance as well.</p>
<p dir="auto">Thanks!</p>
]]></description><link>https://community.appdrag.com/topic/338/image-resizing</link><generator>RSS for Node</generator><lastBuildDate>Thu, 13 Aug 2026 11:50:55 GMT</lastBuildDate><atom:link href="https://community.appdrag.com/topic/338.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 02 Sep 2020 17:36:04 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Image resizing on Tue, 08 Sep 2020 12:08:17 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/394">@William-Wismer</a> said in <a href="/post/1304">Image resizing</a>:</p>
<blockquote>
<p dir="auto">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?</p>
</blockquote>
<p dir="auto">You're welcome <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f64f.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--pray" title=":pray:" alt="🙏" /><br />
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 =&gt; customize</p>
<p dir="auto"><img src="/assets/uploads/files/1599566871211-a18f8d54-ebfa-4ef6-b845-4442293dd63c-image.png" alt="a18f8d54-ebfa-4ef6-b845-4442293dd63c-image.png" class="img-responsive img-markdown" /></p>
]]></description><link>https://community.appdrag.com/post/1308</link><guid isPermaLink="true">https://community.appdrag.com/post/1308</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Tue, 08 Sep 2020 12:08:17 GMT</pubDate></item><item><title><![CDATA[Reply to Image resizing on Tue, 08 Sep 2020 01:43:06 GMT]]></title><description><![CDATA[<p dir="auto">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?</p>
]]></description><link>https://community.appdrag.com/post/1304</link><guid isPermaLink="true">https://community.appdrag.com/post/1304</guid><dc:creator><![CDATA[William Wismer]]></dc:creator><pubDate>Tue, 08 Sep 2020 01:43:06 GMT</pubDate></item><item><title><![CDATA[Reply to Image resizing on Sun, 06 Sep 2020 06:56:56 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/394">@William-Wismer</a> oh ok let's see how to do it :</p>
<ol>
<li>Go to your shop product details page</li>
</ol>
<p dir="auto"><img src="/assets/uploads/files/1599375268969-2ec5fc89-4dc1-4729-a8d1-be0428033dde-image.png" alt="2ec5fc89-4dc1-4729-a8d1-be0428033dde-image.png" class="img-responsive img-markdown" /></p>
<ol start="2">
<li>Double click on the shop product details component and =&gt; customize shop product details design</li>
</ol>
<p dir="auto"><img src="/assets/uploads/files/1599375300099-d27dfa02-c54f-422b-9ef2-a16c27ae954d-image.png" alt="d27dfa02-c54f-422b-9ef2-a16c27ae954d-image.png" class="img-responsive img-markdown" /></p>
<ol start="3">
<li>Double click on your image<br />
You should arrive in background options, scroll down to mode, and change it from cover to contain</li>
</ol>
<p dir="auto"><img src="/assets/uploads/files/1599375364807-3c259493-b097-4fc7-9ac4-c0464098b84f-image.png" alt="3c259493-b097-4fc7-9ac4-c0464098b84f-image.png" class="img-responsive img-markdown" /></p>
<p dir="auto">Voilà, your image will be displayed as you want <img src="https://community.appdrag.com/plugins/nodebb-plugin-emoji/emoji/android/1f44c.png?v=lfk1vimvd74" class="not-responsive emoji emoji-android emoji--ok_hand" title=":ok_hand:" alt="👌" /></p>
]]></description><link>https://community.appdrag.com/post/1297</link><guid isPermaLink="true">https://community.appdrag.com/post/1297</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Sun, 06 Sep 2020 06:56:56 GMT</pubDate></item><item><title><![CDATA[Reply to Image resizing on Fri, 04 Sep 2020 18:20:13 GMT]]></title><description><![CDATA[<p dir="auto"><a href="https://great-outdoors-481005.appdrag.site/preview/shop/12-Sea-Animals-Wall-Art.html?previewID=4260b471-bb0c-4dde-b499-64acff8569ce" rel="nofollow ugc">https://great-outdoors-481005.appdrag.site/preview/shop/12-Sea-Animals-Wall-Art.html?previewID=4260b471-bb0c-4dde-b499-64acff8569ce</a></p>
<p dir="auto">this is a preview from the shop - image is overblown so that the entire image is not visible</p>
]]></description><link>https://community.appdrag.com/post/1293</link><guid isPermaLink="true">https://community.appdrag.com/post/1293</guid><dc:creator><![CDATA[William Wismer]]></dc:creator><pubDate>Fri, 04 Sep 2020 18:20:13 GMT</pubDate></item><item><title><![CDATA[Reply to Image resizing on Fri, 04 Sep 2020 06:51:10 GMT]]></title><description><![CDATA[<p dir="auto">Please send share a link so I know what type of image we're talking about.</p>
]]></description><link>https://community.appdrag.com/post/1292</link><guid isPermaLink="true">https://community.appdrag.com/post/1292</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Fri, 04 Sep 2020 06:51:10 GMT</pubDate></item><item><title><![CDATA[Reply to Image resizing on Thu, 03 Sep 2020 13:22:49 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/2">@Wassim</a> Where is the location to change from cover to contain, I'm not seeing this?</p>
]]></description><link>https://community.appdrag.com/post/1291</link><guid isPermaLink="true">https://community.appdrag.com/post/1291</guid><dc:creator><![CDATA[William Wismer]]></dc:creator><pubDate>Thu, 03 Sep 2020 13:22:49 GMT</pubDate></item><item><title><![CDATA[Reply to Image resizing on Thu, 03 Sep 2020 07:40:23 GMT]]></title><description><![CDATA[<p dir="auto">Hi William,</p>
<p dir="auto">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.</p>
<p dir="auto">Maybe you can share with us a link if it's not the expected answer.</p>
]]></description><link>https://community.appdrag.com/post/1289</link><guid isPermaLink="true">https://community.appdrag.com/post/1289</guid><dc:creator><![CDATA[Wassim]]></dc:creator><pubDate>Thu, 03 Sep 2020 07:40:23 GMT</pubDate></item><item><title><![CDATA[Reply to Image resizing on Wed, 02 Sep 2020 17:44:43 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://community.appdrag.com/uid/394">@William-Wismer</a> These images are also oversized in the store page where each item is displayed before one clicks on it for more information</p>
]]></description><link>https://community.appdrag.com/post/1285</link><guid isPermaLink="true">https://community.appdrag.com/post/1285</guid><dc:creator><![CDATA[William Wismer]]></dc:creator><pubDate>Wed, 02 Sep 2020 17:44:43 GMT</pubDate></item></channel></rss>