Опубликовано: 24 июня 2016

Блок фото на главной

Последние фотографии обрезаны по бокам, как сделать их полноценными? Зависит ли это от размеров фотографии, обязательно ли выкладывать все фотографии одного размера?

Комментарии (2)

  • Тирон Александр 24 июня 2016 11:43 #

    Фото для этого блока выбирается с размерами 300х150 px, видимо обрезка происходит при выборке или ширина блока уменьшилась в связи с уменьшением ширины области просмотра.

    Можно переверстать отображение этого блока изменив размещение фото с фона на отображение обычного тега <img>. Что бы сделать это посмотрите код блока в файле homepage.lastadd.html(приложения Магазин).

    1
  • Колмаков Игорь 27 июня 2016 10:54 #

    можно отображать не обрезанные изображения, но

    т.к. пропорции сторон у них могут различаться, это может выглядеть не

    очень гармонично



    в файле "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}
    1

Добавить ответ

Чтобы добавить комментарий, зарегистрируйтесь или войдите

Контакты

Дорогие друзья!

К сожалению, Ваш браузер не поддерживает современные технологии используемые на нашем сайте.

Пожалуйста, обновите браузер, скачав его по ссылкам ниже, или обратитесь к системному администратору, обслуживающему Ваш компьютер.

Internet Explorer

от Microsoft

Chrome

от Google

Safari

от Apple

Opera

от Opera Software

Firefox

от Mozilla

Вверх