Автор Тема: Убрать подложку из под изображения категории.  (Прочитано 698 раз)

26 Сентябрь 2018, 09:05:17
  • Новичок
  • *
  • Сообщений: 28
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Здравствуйте.
При добавлении изображения категории автоматически меняется добавляемое изображение так, что вокруг него образуется подложка. То есть по идее изображение изначально должно иметь размеры 922x250. Если же оно меньше, то Presta автоматически делает его таковым, добавляя белый фон вокруг.
https://drive.google.com/open?id=1ofJVZY8ZIMYu0ezfHe7cHbEGfKZ6Y8uy
Из-за этого невозможно изменить вокруг изображения появившиеся отступы. И если разрешение экрана небольшое, то необходимо лишний раз прокручивать мышкой, чтобы добраться до товара. Возможно ли решить этот вопрос?
Версия - Prestashop 1.7.4.2
Спасибо.
26 Сентябрь 2018, 11:23:30
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 1614
  • Репутация: +32/-1
  • Сообщество PrestaShop
    • Просмотр профиля
В шаблоне category.tpl венесите картинку (img) отдельно и в стилях удалите правила использвовать картике как фон.
26 Сентябрь 2018, 15:09:44
Ответ #2
  • Ветеран
  • *****
  • Сообщений: 3419
  • Репутация: +79/-6
  • Сообщество PrestaShop
    • Просмотр профиля
В файле category.tpl удали все в
<!-- Category image -->замени на
<img href="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}"
26 Сентябрь 2018, 16:53:48
Ответ #3
  • Новичок
  • *
  • Сообщений: 28
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Спасибо, но я не силен в коде. Пробовал не получается. Вот, код темы для category.tpl
{extends file='catalog/listing/product-list.tpl'}
{block name='product_list_header'}
    <div class="block-category card card-block hidden-sm-down">
      <h4 class="h4">{$category.name}</h4>
      {if $category.description}
        <div id="category-description" class="text-muted">{$category.description nofilter}</div>
        <div class="category-cover">
          <img src="{$category.image.large.url}" alt="{$category.image.legend}">
        </div>
      {/if}
    </div>
    <div class="text-xs-center hidden-md-up">
      <h1 class="h1">{$category.name}</h1>
    </div>
{/block}
Может подскажете что изменить?
27 Сентябрь 2018, 13:35:17
Ответ #4
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22816
  • Репутация: +17143/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
В файле category.tpl удали все в
<!-- Category image -->замени на
<img href="{$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}"
Так можно в prestashop 1.6, а не в prestashop 1.7
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
27 Сентябрь 2018, 13:43:09
Ответ #5
  • Партнер
  • Ветеран
  • ****
  • Сообщений: 22816
  • Репутация: +17143/-1
  • Разработка веб-сайтов и веб-программирование
    • Просмотр профиля
Можно так, меняете
<div class="category-cover">
      <img src="{$category.image.large.url}" alt="{$category.image.legend}">
</div>
на
<img src="{$category.image.large.url}" alt="{$category.image.legend}">
В админке меняте размеры для картинок категорий, перегенерируете миниатюры для изображений категорий.
Интернет-магазин под ключ.
Какой выбрать движок для интернет магазина ?
Какой движок лучше ?
Magento или Prestashop ?
Решение всех Ваших вопросов в создании Интернет-магазина.
27 Сентябрь 2018, 20:18:48
Ответ #6
  • Новичок
  • *
  • Сообщений: 28
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Можно так, меняете
<div class="category-cover">
      <img src="{$category.image.large.url}" alt="{$category.image.legend}">
</div>
на
<img src="{$category.image.large.url}" alt="{$category.image.legend}">
В админке меняте размеры для картинок категорий, перегенерируете миниатюры для изображений категорий.
Спасибо всем за отклик. Не судите строго, я новичок в Prestashop и оказалось что все очень просто.
И действительно, в админке изменил размеры для картинок категорий, поставил 150 высота и 0 ширина. Далее в css файле темы вместо .block-category .category-cover img {
      width: 100%;
      height: auto; }
прописал:
width: auto;
height: 150px;
и все встало как надо.
Спасибо большое еще раз всем.