22

✏️ Editing: template-1-list.html

<li class="sl-item" data-id="{{:id}}" tabindex="0" accesskey="{{:id}}">
<div class="sl-item-box">
    <div class="sl-title-box">
        <p class="sl-addr-list-title">{{:title}}</p>
        {{if have_childs}}
        <span class="sl-sub-title"><span class="sl-show-branches">[View All Branches]</span></span>
        {{else}}
        <span class="sl-sub-title">{{:street}}</span>
        {{/if}}
    </div>
    <div class="sl-distance">
      <div class="sl-distance-inner">
        {{if dist_str}}
            <span>{{:dist_str}}</span>
        {{/if}}
        <i class="icon-angle-circled-right"></i>
      </div>
    </div>
</div>
<div class="sl-addr-sec">
    <div class="sl-row addr-loc">
        <div class="{{if path}}pol-sm-8 pol-8 pr-0{{else}}pol-12{{/if}}">
            <ul>
                <li class="sl-addr">
                    <i class="icon-location-1"></i>  
                    <span>{{:address}}</span>
                </li>
                {{if phone}}
                <li class="sl-phone">
                    <i class="icon-mobile"></i>
                    <a href="tel:{{:phone}}">{{:phone}}</a>
                </li>
                {{/if}}
                {{if email}}
                <li class="sl-email">
                    <i class="icon-mail"></i>
                    <a href="mailto:{{:email}}">{{:email}}</a>
                </li>
                {{/if}}
                {{if open_hours}}
                <li class="sl-hours">
                    <i class="icon-clock"></i>
                    <span class="txt-hours">{{:open_hours}}</span>
                </li>
                {{/if}}
                {{if c_names}}
                <li class="sl-categories">
                   <ul class="inner-cat-list">
                      {{for categories}}
                      <li>
                        <a><img src="{{:URL}}svg/{{:icon}}" alt="{{:name}}" width="60"></a>
                      </li>
                      {{/for}}
                   </ul>
                </li>
                {{/if}}
            </ul>
        </div>
        {{if path}}
        <div class="pol-sm-4 pol-4">
            <div class="sl-logo-cont">
                <div class="sl-logo-box">
                    <img alt="store-logo" src="{{:URL}}Logo/{{:path}}">
                </div>
            </div>
        </div>
        {{/if}}
    </div>
    {{if description}}
    <div class="sl-row sl-desc">
      {{if desc_link}}
      <div class="pol-12"><a class="sl-link">[View Description]</a></div>
      {{else}}
      <div class="pol-12"><p>{{:description}}</p></div>
      {{/if}}
    </div>
    {{/if}}
    {{:social_icons}}
    <div class="sl-act-btns mt-3">
                <a class="btn btn-asl s-direction">[Directions]</a>
            {{if link}}
                <a target="{{:target}}" class="s-visit-website" href="{{:link}}">[Website]</a>
            {{/if}}
            {{if dist_str}}
            <div class="sl-miles">
                <span class="s-distance">{{:dist_str}}</span>
            </div>
            {{/if}}
        </div>
    </div>
 </div>
</li>

MR SKB