カラーミーのサムネを高画質にする方法

colormeshop_thumbnail

カラーミーショップ の低画質なサムネイルをSmarty関数をちょっと変更し高画質のまま設定する方法の自分用メモ。

 

1) 商品登録の際にアップロードした商品画像URLは、http://xxx.shop-pro.jp/PAxxxxxx/xxx/product/12345678.jpg のようになってると思います。

 

2) 商品一覧のHTML編集内で img src="<{$productlist[num].img_url}>" の部分を img src="http://xxx.shop-pro.jp/PAxxxxxx/xxx/product/<{$productlist[num].id}>.jpg" width="120" height="120" のように商品画像URLから 12345678.jpg の部分をカラーミーの独自タグの変数とid <{$productlist[num].id}>.jpg に置き換え、width や height もアップロードした商品画像の比率を保ってサイズ指定し記述。

 

3) 同じように、売れ筋商品の場合は <{$seller[num].id}>.jpg、おすすめ商品の場合は <{$recommend[num].id}>.jpg、この商品を買った人〜は <{$together_product[num].id}>.jpg に変更。

 

以上で完了です。お疲れ様でした。商品は美しく見せたいものです。