Blog-eigene-detailansicht/image.tpl at Master · subzer047/Blog-eigene-detailansicht · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
{extends file='parent:frontend/detail/image.tpl'}

{block name="frontend_detail_image"}
  {if $sArticle.template == "emzFullpic.tpl"}
      {* Product image - Gallery *}
      {block name="frontend_detail_image_box"}
          {strip}
          <div class="image-slider--container{if !$sArticle.image} no--image{/if}{if !count($sArticle.images)} no--thumbnails{/if}">
              <div class="image-slider--slide">

                  {block name='frontend_detail_image_default_image_slider_item'}
                      <div class="image--box image-slider--item">

                          {block name='frontend_detail_image_default_image_element'}

                              {$alt = $sArticle.articleName|escape}

                              {if $sArticle.image.description}
                                  {$alt = $sArticle.image.description|escape}
                              {/if}

                              <span class="image--element"
                                    {if $sArticle.image}
                                    data-img-large="{$sArticle.image.thumbnails[2].source}"
                                    data-img-small="{$sArticle.image.thumbnails[0].source}"
                                    data-img-original="{$sArticle.image.source}"
                                    {/if}
                                    data-alt="{$alt}">

                                  {block name='frontend_detail_image_default_image_media'}
                                      <span class="image--media">
                                          {if isset($sArticle.image.thumbnails)}
                                              {block name='frontend_detail_image_default_picture_element'}
                                                  <img srcset="{$sArticle.image.thumbnails[1].sourceSet}" alt="{$alt}" itemprop="image" />
                                              {/block}
                                          {else}
                                              {block name='frontend_detail_image_fallback'}
                                                  <img src="{link file='frontend/_public/src/img/no-picture.jpg'}" alt="{$alt}" itemprop="image" />
                                              {/block}
                                          {/if}
                                      </span>
                                  {/block}
                              </span>
                          {/block}
                      </div>
                  {/block}

                  {foreach $sArticle.images as $image}
                      {block name='frontend_detail_images_image_slider_item'}
                          <div class="image--box image-slider--item">

                              {block name='frontend_detail_images_image_element'}

                                  {$alt = $sArticle.articleName|escape}

                                  {if $image.description}
                                      {$alt = $image.description|escape}
                                  {/if}

                                  <span class="image--element"
                                        data-img-large="{$image.thumbnails[2].source}"
                                        data-img-small="{$image.thumbnails[0].source}"
                                        data-img-original="{$image.source}"
                                        data-alt="{$alt}">

                                      {block name='frontend_detail_images_image_media'}
                                          <span class="image--media">
                                              {if isset($image.thumbnails)}
                                                  {block name='frontend_detail_images_picture_element'}
                                                      <img srcset="{$image.thumbnails[1].sourceSet}" alt="{$alt}" itemprop="image" />
                                                  {/block}
                                              {else}
                                                  {block name='frontend_detail_images_fallback'}
                                                      <img src="{link file='frontend/_public/src/img/no-picture.jpg'}" alt="{$alt}" itemprop="image" />
                                                  {/block}
                                              {/if}
                                          </span>
                                      {/block}
                                  </span>
                              {/block}
                          </div>
                      {/block}
                  {/foreach}
              </div>
          </div>
          {/strip}
      {/block}

      {* Product image - Dot navigation *}
      {block name='frontend_detail_image_box_dots'}
          {if $sArticle.images}
              <div class="image--dots image-slider--dots panel--dot-nav">
                  <a href="#" class="dot--link">&nbsp;</a>
                  {foreach $sArticle.images as $image}
                      <a href="#" class="dot--link">&nbsp;</a>
                  {/foreach}
              </div>
          {/if}
      {/block}

      {* Product image - Thumbnails *}
      {block name='frontend_detail_image_thumbs'}
          {include file="frontend/detail/images.tpl"}
      {/block}

  {else}
  {$smarty.block.parent}
  {/if}
{/block}