Шаблоны Simpla

Статус
В этой теме нельзя размещать новые ответы.
Ок - договорились, я в доле
 
Ну ты написал, нужен шаблон |Multipurpose Light| я тебе его и скинул.
Есть обычный |Multipurpose| - который адаптивный. Я его пока не выкладываю в общий доступ.

Я создал складчину на шаблон |Luxury| = присоединяйся у покупке. Если купим, то скину тебе |Multipurpose| - адаптивный =)

Для просмотра ссылки Войди или Зарегистрируйся можно и мне копию Multipurpose - который адаптивный, нужен для практических целей.. по экспериментировать с ним, если не сложно?
Буду очень признателен! И еще у меня сегодня день рожденья:)
Можно вместе с Luxury, когда мы его все же выкупим...)
 
подскажите пожалуйста, что тут поменять нужно чтобы лупу убрать, а просто открывалась картинка по клику в карточке товара

Код:
<!-- Хлебные крошки /-->
<div class="breadcrumbs">
    <ul>
     <li class="home"><a href="/">Главная</a></li>
    {foreach from=$category->path item=cat}
    <li><span>&gt;</span> <a href="catalog/{$cat->url}">{$cat->name|escape}</a></li>
    {/foreach} 
    {if $brand}
    <li><span>&gt;</span> <a href="catalog/{$cat->url}/{$brand->url}">{$brand->name|escape}</a></li>
    {/if}
    <li><span>&gt;</span> {$product->name|escape}</li>                                   
            </ul>   
</div>
<!-- Хлебные крошки #End /-->
<div class="product-view prod">
<div class="product-essential">

        <div class="product-img-box">
            <script type="text/javascript" src="design/{$settings->theme|escape}/js/klass.min.js"></script>
<script type="text/javascript" src="design/{$settings->theme|escape}/js/code.photoswipe.jquery-3.0.5.js"></script>


<div class="product-box-customs">
    {if $product->image}   
   
   <p class="product-image">
        <a  href='{$product->image->filename|resize:800:800:w}' class = 'cloud-zoom' id='zoom1' rel="position:'right',showTitle:1,titleOpacity:0.5,lensOpacity:0.5,adjustX: 10,adjustY:-4">
           
            <img class="big" src="{$product->image->filename|resize:300:300}" alt='{$product->name|escape}' title="{$product->name|escape}" />
        </a>
    </p>
    {/if}       
    {if $product->images|count>1}         
    <div class="more-views">
        <h2>Больше изображений</h2>
        <div class="container-slider">
            <ul class="slider tumbSlider-none" >
            {foreach $product->images as $i=>$image}
                            <li>
                    <a href='{$image->filename|resize:800:800:w}' class='cloud-zoom-gallery' title=''
                    rel="useZoom: 'zoom1', smallImage: '{$image->filename|resize:300:300}' ">
                    <img src="{$image->filename|resize:100:100}" alt=""/>
                    </a>
                </li>
             {/foreach}   
                        </ul>
                    </div>
    </div>
        <div class="gallery-swipe-content">
            <ul id="gallery-swipe" class="gallery-swipe">
            {foreach $product->images as $i=>$image}
                                    <li>
                        <a href='{$image->filename|resize:800:800:w}'  title=''>
                        <img src="{$image->filename|resize:300:300}" alt=""/>
                        </a>
                    </li>
             {/foreach}       
                            </ul>
        </div>
        {/if}
    </div>
        </div>
        <div class="product-shop">
            <div class="product-name">
               <h1 data-product="{$product->id}">{$product->name|escape}</h1>
            </div>
 
Что бы убрать лупу, убери вот это часть кода из открывающейся картинки
Код:
class = 'cloud-zoom' id='zoom1' rel="position:'right',showTitle:1,titleOpacity:0.5,lensOpacity:0.5,adjustX: 10,adjustY:-4"

А что бы при клике картинка открывалась, тебе нужно приписать класс фансибокса или другого скрипта, который будет разворачивать тебе картинку
пробовал, убираю строку картинка в карточке тв. пропадает

Очень прошу помочь, я не селен в этом, если не трудно как для блондинки ) объясните.
 
подскажите пожалуйста, что тут поменять нужно чтобы лупу убрать, а просто открывалась картинка по клику в карточке товара

Код:
<!-- Хлебные крошки /-->
<div class="breadcrumbs">
    <ul>
     <li class="home"><a href="/">Главная</a></li>
    {foreach from=$category->path item=cat}
    <li><span>&gt;</span> <a href="catalog/{$cat->url}">{$cat->name|escape}</a></li>
    {/foreach}
    {if $brand}
    <li><span>&gt;</span> <a href="catalog/{$cat->url}/{$brand->url}">{$brand->name|escape}</a></li>
    {/if}
    <li><span>&gt;</span> {$product->name|escape}</li>                                  
            </ul>  
</div>
<!-- Хлебные крошки #End /-->
<div class="product-view prod">
<div class="product-essential">

        <div class="product-img-box">
            <script type="text/javascript" src="design/{$settings->theme|escape}/js/klass.min.js"></script>
<script type="text/javascript" src="design/{$settings->theme|escape}/js/code.photoswipe.jquery-3.0.5.js"></script>


<div class="product-box-customs">
    {if $product->image}  
  
   <p class="product-image">
        <a  href='{$product->image->filename|resize:800:800:w}' class = 'cloud-zoom' id='zoom1' rel="position:'right',showTitle:1,titleOpacity:0.5,lensOpacity:0.5,adjustX: 10,adjustY:-4">
          
            <img class="big" src="{$product->image->filename|resize:300:300}" alt='{$product->name|escape}' title="{$product->name|escape}" />
        </a>
    </p>
    {/if}      
    {if $product->images|count>1}        
    <div class="more-views">
        <h2>Больше изображений</h2>
        <div class="container-slider">
            <ul class="slider tumbSlider-none" >
            {foreach $product->images as $i=>$image}
                            <li>
                    <a href='{$image->filename|resize:800:800:w}' class='cloud-zoom-gallery' title=''
                    rel="useZoom: 'zoom1', smallImage: '{$image->filename|resize:300:300}' ">
                    <img src="{$image->filename|resize:100:100}" alt=""/>
                    </a>
                </li>
             {/foreach}  
                        </ul>
                    </div>
    </div>
        <div class="gallery-swipe-content">
            <ul id="gallery-swipe" class="gallery-swipe">
            {foreach $product->images as $i=>$image}
                                    <li>
                        <a href='{$image->filename|resize:800:800:w}'  title=''>
                        <img src="{$image->filename|resize:300:300}" alt=""/>
                        </a>
                    </li>
             {/foreach}      
                            </ul>
        </div>
        {/if}
    </div>
        </div>
        <div class="product-shop">
            <div class="product-name">
               <h1 data-product="{$product->id}">{$product->name|escape}</h1>
            </div>

Для этого должен быть подключен скрипт fancybox, на нужной странице инициализирован:


<script>
$(function() {
$("a.zoom").fancybox();
});
</script>

ну и на ссылке на картинку должен стоять class="zoom"
 
Обменяюсь шаблонами.
Интересуют шаблоны с simpla-template.org.ua
Взамен предлагаю
screenshot%2B2017-05-09%2B008.png
 
пробовал, убираю строку картинка в карточке тв. пропадает

Очень прошу помочь, я не селен в этом, если не трудно как для блондинки ) объясните.
Попробуйте изменить класс. Вместо class = 'cloud-zoom' укажите class = 'fancybox' если в шаблоне подключена эта галерея.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху