Как увеличить размер картинки на главном слайдере? Есть решение


Как увеличить размер картинки на главном слайдере?
Так же как изменить цвет описание к карточке на слайдере?

Слишком она мала.
Главное просто картинка в моем случае, а не описание.
Спасибо!
3 ответа
  • Применил все эти правила. Картинка не увеличилась,но текст поменялся и еще осталася цвет цены на баннере

    • Владимир Сергеев
      Разработчик
      Решение
      4 ноября 2017 23:31

      На счёт размера изображения:
      В том же файле найдите строку:

      {$size = '200x0'}

      И 200 замените на 400 или другую нужную цифру.

    • Владимир Сергеев
      Разработчик
      Решение
      4 ноября 2017 23:39

      На счёт цены.
      Найдите фрагменты кода (там их два):

      <div class="pricing {$product_align}">
      {if !empty($param_item.params.price)}
          {*Цена через доп. параметр*}
          <span class="price nowrap"{if !empty($param_item.params.slide_text_color)} style="color: {$param_item.params.slide_text_color};"{/if}>{$param_item.params.price}</span>
      {else}
          {if $p.min_price !== $p.max_price && !empty($theme_settings.min_max_price)}
              <span class="price minmax nowrap"{if !empty($param_item.params.slide_text_color)} style="color: {$param_item.params.slide_text_color};"{/if}>{shop_currency_html($p.min_price)} ...  {shop_currency_html($p.max_price)}</span>
          {else}
              {if $p.compare_price > 0}
                  <span class="compare-at-price nowrap"{if !empty($param_item.params.slide_text_color)} style="color: {$param_item.params.slide_text_color};"{/if}> {shop_currency_html($p.compare_price)}</span> 
              {/if}
              <span class="price nowrap"{if !empty($param_item.params.slide_text_color)} style="color: {$param_item.params.slide_text_color};"{/if}>{shop_currency_html($p.price)}{if !empty($param_item.params.price_item)} {$param_item.params.price_item}{/if}</span>
          {/if}
      {/if}

      И замените каждый на:

      <div class="pricing {$product_align}">
      {if !empty($param_item.params.price)}
          {*Цена через доп. параметр*}
          <span class="price nowrap" style="color: #ffffff">{$param_item.params.price}</span>
      {else}
          {if $p.min_price !== $p.max_price && !empty($theme_settings.min_max_price)}
              <span class="price minmax nowrap" style="color: #ffffff;">{shop_currency_html($p.min_price)} ...  {shop_currency_html($p.max_price)}</span>
          {else}
              {if $p.compare_price > 0}
                  <span class="compare-at-price nowrap" style="color: #ffffff;"> {shop_currency_html($p.compare_price)}</span> 
              {/if}
              <span class="price nowrap" style="color: #ffffff;">{shop_currency_html($p.price)}{if !empty($param_item.params.price_item)} {$param_item.params.price_item}{/if}</span>
          {/if}
      {/if}

      #ffffff – замените на свой код цвета.

      Только будьте внимательны пожалуйста!



  • Владимир Сергеев
    Разработчик
    Решение
    2 ноября 2017 00:21

    Александр, почитайте вот эту тему: Настройка товаров в главном слайдере.
    Там как раз про это написано. Во время прочтения статьи уделите особое внимание доп. параметрам.

    • Изучил.
      Как применить одно правило для всех баннеров сразу,что бы всегда был белый цвет на всех слайдах,что бы не прописывать это каждый раз в определённый товар?

      Так же в этой теме есть как изменить сам размер баннера, а нужно именно картинку товара увеличить и так же применить то правило ко всем баннерам.
      При этом прийдется ведь и текст переносить немного правее или он сам перенесется?

      • Владимир Сергеев
        Разработчик
        Решение
        3 ноября 2017 20:40

        В теме proStore для приложения магазин в шаблонах найдите файл home.slider.html

        Найдите строку:

        <div class="{if $hide_image == 'false'}col-md-3 col-sm-4{/if}{if $theme_settings.slider_image_layout == 'right'} float-right xs-clear{/if}">

        И замените её на строку:

        <div class="{if $hide_image == 'false'}col-md-6 col-sm-4{/if}{if $theme_settings.slider_image_layout == 'right'} float-right xs-clear{/if}">


        Затем строку:

        <div{if $hide_image == 'false'} class="col-md-9 col-sm-8{if $theme_settings.slider_image_layout == 'right'} float-left xs-clear{/if}"{/if}>

        Замените на:

        <div{if $hide_image == 'false'} class="col-md-6 col-sm-8{if $theme_settings.slider_image_layout == 'right'} float-left xs-clear{/if}"{/if}>
        Цвета.
        Найдите строку:
        <div class="product_title {$product_align} padding-bottom15"{if !empty($param_item.params.slide_text_color)} style="color: {$param_item.params.slide_text_color};"{/if}>

        И замените на строку, где #ffffff – цвет текста:

        <div class="product_title {$product_align} padding-bottom15" style="color: #ffffff;">


        И

        <div itemprop="description" class="summary {$product_align} margin-bottom15"{if !empty($param_item.params.slide_text_color)} style="color: {$param_item.params.slide_text_color};"{/if}>

        поменяйте на:

        <div itemprop="description" class="summary {$product_align} margin-bottom15" style="color: #ffffff;">
  • Волков Александр Владимирович
    14 января 2020 16:41

    Здравствуйте.
    Напомните в каком файле менять размер картинки. Формат картинки щас изменился. Нужно еще выше сделать.
    Спасибо!

    • Владимир Сергеев
      Разработчик
      Решение
      15 января 2020 12:52

      Файл home.slider.html
      Только начиная с версии 1.7 там строка:

      {$img_size = '200x0'}

      А не 

      {$size = '200x0'}

      • Волков Александр Владимирович
        15 января 2020 13:52

        А в версии 1.6.0.1 можете подсказать. Обновлять щас нет нужды версию.

        • Владимир Сергеев
          Разработчик
          Решение
          15 января 2020 13:53

          Так всё же написал. 
          Файл home.slider.html

          {$size = '200x0'}
          • Волков Александр Владимирович
            16 января 2020 12:03

            Изначально не понял, прошу прощения.
            А, да это я менял.
            {*ТОВАРЫ ИЗ СПИСКА*}
            Щас {$size = '600x0'}
            Ставил и 900.
            Начиная от 300 размер не меняется. Это может быть пределом?



            • Владимир Сергеев
              Разработчик
              Решение
              16 января 2020 15:48

              В первом слайде у вас на сайте я проверил фото первого слайда. 
              Оно 600x800. 
              Здесь дело в другом – фото не может быть больше блока, его содержащего. 
              Вам тогда нужно менять сетку в слайде, изменить размеры блока с фото. 

              Там нужно искать блоки с классами col-md-n col-sm-n
              И менять эти n. 

              В сетке 12 колонок. 
              В сумме n в двух блоках (блок с фото и блок с описанием товара) не должны превышать 12. 
              Пропорции уже под себя подбирайте. 

              Всё делается в том же файле home.slider.html

Добавить ответ
Чтобы добавить комментарий, зарегистрируйтесь или войдите
Мы получаем и обрабатываем персональные данные посетителей нашего сайта в соответствии с официальной политикой.
Если Вы продолжите использовать сайт, мы будем считать, что Вас это устраивает.
Подписывайтесь и получайте скидки!

Узнавайте первым о скидках и специальных предложениях!