有一部分用戶(hù)反饋：我的產(chǎn)品圖片本身顯示是正常的，為什么放到網(wǎng)站上有的圖片就變形了呢？有很多種情況都會(huì)表現(xiàn)為這種不好的結(jié)果，今天我要說(shuō)的是其中很常見(jiàn)的一種情況的解決方法。
今天要說(shuō)的這種情況具體是這樣的：這部分產(chǎn)品圖片是使用“產(chǎn)品列表”組件實(shí)現(xiàn)的，為了保證產(chǎn)品圖片展示出來(lái)是美觀的，產(chǎn)品列表組件有一個(gè)控制按鈕可以把所有的產(chǎn)品圖片的寬與高的比例設(shè)置為某一個(gè)值，如果自己沒(méi)有做調(diào)整之前，默認(rèn)都是顯示1:1。但是很多產(chǎn)品圖片的寬與高的比例不是1:1，而是趨近于其它的某一個(gè)值，這樣就會(huì)出現(xiàn)我們常遇到的產(chǎn)品圖片變形的問(wèn)題，請(qǐng)不用擔(dān)心，我們提供了多種常見(jiàn)的比例給大家，具體的查看和操作方法如下：

第1步：登錄后臺(tái)；

第2步：把要修改的頁(yè)面切換為當(dāng)前頁(yè)面。找到變形的產(chǎn)品圖片所在的頁(yè)面，把它切換為“當(dāng)前頁(yè)面”；以Products頁(yè)面為例，如下圖所示即可把這個(gè)頁(yè)面切換為當(dāng)前頁(yè)面；

第3步：確認(rèn)變形的產(chǎn)品圖片是使用產(chǎn)品列表組件制作的。在當(dāng)前頁(yè)面，把鼠標(biāo)放到產(chǎn)品圖片變形的區(qū)域，這個(gè)區(qū)域左上角會(huì)出現(xiàn)幾個(gè)字即為這個(gè)組件的名稱(chēng)“產(chǎn)品列表”，即可表示這塊內(nèi)容是使用產(chǎn)品列表組件制作的。

第4步：在產(chǎn)品列表組件中設(shè)置最合適的比例。單擊組件名稱(chēng)右側(cè)的設(shè)置按鈕，進(jìn)入設(shè)置產(chǎn)品列表組件對(duì)話(huà)框中，單擊“風(fēng)格” ，選擇一個(gè)適合的圖片顯示比例，然后保存。
請(qǐng)注意：這里的圖片顯示比例，指的是圖片寬與高的比例，如果您的產(chǎn)品圖片寬與高的比例是一樣的，直接選擇就可以，如果不一樣，就選擇絕大多數(shù)的比例，然后再修改不符合比例的少數(shù)圖片尺寸，以達(dá)到排版上的美觀。如果這幾個(gè)比例，您都不滿(mǎn)意，請(qǐng)聯(lián)系我們。

第5步：確認(rèn)好所選擇的比例沒(méi)問(wèn)題以后，再單擊頁(yè)面右上角的“發(fā)布”按鈕，這樣客戶(hù)看到網(wǎng)站圖片也就是正常的啦。