2016-07-25 53 views
3

在新的大商業模板框架內工作,並試圖在圖像的替代大小拉在https://stencil.bigcommerce.com/docs/global-resources#Stencil-ImageObj-ref大商業模板圖像尺寸不工作

引用雖然試圖做到這一點我注意到,圖像尺寸沒有改變的任何位置該網站並保持原始上傳大小。

有誰知道如何解決這個問題,或者如果我需要改變代碼?

下面是代碼的例子位

{{#if post.thumbnail}} 
     <figure class="blog-thumbnail"> 
      <a href="{{post.url}}"> 
       <img src="{{getImage post.thumbnail 'gallery_size'}}" alt="{{post.thumbnail.alt}}"> 
      </a> 
     </figure> 
{{/if}} 

回答

0

希望這個答案可以幫助你.. :)

我曾嘗試下面的方法修改圖像的大小。它的工作。

如果需要,您可以在樣式中應用邊距屬性。

<img src="{{getImage thumbnail 'gallery_size'}}" style ="width:200px; height:200px;" alt="{{thumbnail.alt}}"> 
1

您必須將config.json文件的一部分更改爲舊格式。

在某些時候,他們切換config.json從這種風格:

[OLD FORMAT THAT STILL WORKS] 
"settings": { 
    ... 
    "logo-position": "center", 
    "_images": { 
    "logo_size": { 
     "width": 750, 
     "height": 300 
    }, 
    ... 
    "zoom_size": { 
     "width": 1280, 
     "height": 1280 
    } 
    }, 
    ... 
} 

這種風格:

[NEW FORMAT THAT DOESN'T WORK] 
"settings": { 
    ... 
    "logo-position": "center", 
    "logo_size": "250x100", 
    "brand_size": "190x250", 
    "gallery_size": "300x300", 
    "productgallery_size": "500x659", 
    "product_size": "500x659", 
    "productthumb_size": "100x100", 
    "thumb_size": "100x100", 
    "zoom_size": "1280x1280", 
    "blog_size": "190x250", 
    ... 
}