Опубликовано: 24 июня 2016
Блок фото на главной
Последние фотографии обрезаны по бокам, как сделать их полноценными? Зависит ли это от размеров фотографии, обязательно ли выкладывать все фотографии одного размера?
- Коломна, ул. Кирова, 60а, офис 7
- +7 (995) 656-25-45
- kolmakov.igor@gmail.com
Комментарии (2)
Фото для этого блока выбирается с размерами 300х150 px, видимо обрезка происходит при выборке или ширина блока уменьшилась в связи с уменьшением ширины области просмотра.
Можно переверстать отображение этого блока изменив размещение фото с фона на отображение обычного тега <img>. Что бы сделать это посмотрите код блока в файле homepage.lastadd.html(приложения Магазин).
можно отображать не обрезанные изображения, но
т.к. пропорции сторон у них могут различаться, это может выглядеть не
очень гармонично
в файле "homepage.lastadd.html"
в строке
{$last_photos = $wa->photos->photos('', '300x150', 9)}
замените
300x150
на
300x0
и блок кода
{if empty($photo.frontend_link)} <div class="image" style="background-image: url({$photo.thumb_300x150.url});"{if $photo.description} title="{$photo.description|escape}"{/if}></div> {else} <a href="{$photo.frontend_link|default:'#'}"><div class="image" style="background-image: url({$photo.thumb_300x150.url});"{if $photo.description} title="{$photo.description|escape}"{/if}></div></a> {/if}замените на
{if empty($photo.frontend_link)} <div class="image" style="background-image: url({$photo.thumb_300x0.url});"{if $photo.description} title="{$photo.description|escape}"{/if}></div> {else} <a href="{$photo.frontend_link|default:'#'}"><img src="{$photo.thumb_300x0.url}" style="height:auto;" class="image" />{*<div class="image" style="background-image:url({$photo.thumb_300x0.url});"{if $photo.description} title="{$photo.description|escape}"{/if}></div>*}</a> {/if}