Как вывести фото background-image?

11 ответов

• популярные
• новые

• 1

  ITFrogs Партнер-эксперт Партнер-разработчик 5 октября 2015 07:04 #

  Имхо в кавычках путаница. Попробуйте вот так:
  

  {$url = $wa->shop->productImgHtml($product, '750', [ 'itemprop' => 'image', 'id' => 'product-image', 'alt' => $product.name|escape ])}
  <div class="mainpage" style="background-image: url('{$url}')">

  
  

  ответить
  • +2

    Syrnik.com Партнер-эксперт Партнер-разработчик 5 октября 2015 07:06 #

    Ж) Там же

    productImgHtml

    он сразу тег Img выводит.
    

    ответить
    • +1

      ITFrogs Партнер-эксперт Партнер-разработчик 5 октября 2015 07:50 #

      На это как-то не обратил внимание.
      

      ответить
    • +1

      ITFrogs Партнер-эксперт Партнер-разработчик 5 октября 2015 07:51 #

      С баша:

      Обсуждение фрагмента HTML <input styles = "display: none"></input>
      
      Her: styles?
      bormand: Со style элемент почему-то не показывался.
      

      ответить
      • +1

        Welldi.ru Партнер-эксперт Партнер-разработчик 5 октября 2015 16:12 #

        зачетно

        ответить
  • +1

    Виталий 5 октября 2015 08:32 #

    Не работает

    ответить
    • +2

      ITFrogs Партнер-эксперт Партнер-разработчик 5 октября 2015 08:43 #

      Сергей сделал подсказку, а я забыл переделать код.

      {$url = $wa->shop->productImgUrl($product, '750')}
      <div class="mainpage" style="background-image: url('{$url}')">

      Вот так должно работать.
      

      ответить
      • +1

        Виталий 5 октября 2015 08:46 #

        Работает! Спасибо большое :)

        Подскажите еще пожалуйста как теперь запретить вывод первого фото в самой галерее в карточке товара?

        Фото вывожу на странице таким кодом:

        <!--Слайдер-->
        <div id="slider-pages">
        <div class="container slider-home"> 
        
        {if count($product.images) > 1}
            <div class="homepage-bxslider" id="product-gallery">
                {foreach $product.images as $image}
                
                    <div class="image{if $image.id == $product.image_id} selected{/if}">
        
                            {$wa->shop->imgHtml($image, '900x600')}
        
                    </div>
                {/foreach}
            </div>
        {/if}  
        </div>
        </div>

        ответить
        • +1

          ITFrogs Партнер-эксперт Партнер-разработчик 5 октября 2015 09:02 #

          <!--Слайдер-->
          <div id="slider-pages">
              <div class="container slider-home">
          
                  {if count($product.images) > 1}
                      <div class="homepage-bxslider" id="product-gallery">
                          {$first_image = reset($product.images)}
                          {foreach $product.images as $image}
                              {if $image.id != $first_image.id}
                                  <div class="image{if $image.id == $product.image_id} selected{/if}">
                                      {$wa->shop->imgHtml($image, '900x600')}
                                  </div>                        
                              {/if}
                          {/foreach}
                      </div>
                  {/if}
              </div>
          </div>

          ответить
          • +1

            Виталий 5 октября 2015 09:07 #

            Работает!

            Спасибо за помощь. :)

            Подскажите возможно ли каким то образом запретить накладывать водяной знак на первое фото?

            ответить
            • +1

              ITFrogs Партнер-эксперт Партнер-разработчик 5 октября 2015 09:20 #

              Не за что.
              

              По поводу водяных знаков это уже нужно править плагин, который накладывает водяные знаки. А просто так через шаблон не получится.
              

              ответить