Перейти к содержанию
Официальный форум поддержки Simpla

Рекомендуемые сообщения

Возможно тупой вопрос, но как зафиксировать кнопку "в корзине" под кнопкой "купить в 1 клик", что б она меняло свое положение в зависимости от обстоятельств  (см.фото) 

post-22210-0-59567700-1485553586_thumb.png

post-22210-0-43741100-1485553587_thumb.png

Ссылка на сообщение
Поделиться на другие сайты

Можно сделать таблицу, и вставить выбор варианта в один столбец, а кнопку "в корзину" и "купить в 1 клик" - в другую. Думаю самый простой выход.

В вёрстке разбираетесь? Если нет, скиньте файл product.tpl

Изменено пользователем smartycms
Ссылка на сообщение
Поделиться на другие сайты

Можно сделать таблицу, и вставить выбор варианта в один столбец, а кнопку "в корзину" и "купить в 1 клик" - в другую. Думаю самый простой выход.

В вёрстке разбираетесь? Если нет, скиньте файл products.tpl

 

Корзина вроде обтекает все препятствия

 

Ну так себе, 4 день занимаюсь редактированием css и html кода))))

 

 

 

<div id="page_title">
    <p><a href="./">Главная</a>
    {if $category}
        {foreach from=$category->path item=cat} » <a class='link_2' href="catalog/{$cat->url}">{$cat->name|escape}</a>{/foreach}
        {if $brand}» <a class='link_2' href="catalog/{$cat->url}/{$brand->url}">{$brand->name|escape}</a>{/if}
    {elseif $brand}» <a class='link_2' href="brands/{$brand->url}">{$brand->name|escape}</a>
    {elseif $keyword}» Поиск
    {/if}
    </p>    
    <h1>
    {if $keyword}Поиск {$keyword|escape}
    {elseif $page}{$page->name|escape}
    {else}{$category->name|escape} {$brand->name|escape} {$keyword|escape}
    {/if}
    </h1>    
</div>


{if $current_page_num==1 && $category->description}<div id="category_description">{if $page->body}<p>{$page->body}</p>{/if}{$category->description}</div>{/if}
{if $brand->description && $current_page_num==1}<div id="category_description"><h2>{$brand->name}</h2>{$brand->description}</div>{/if}
{if $features || $category->brands}
    <div id="features">
    <ul>
    {if $category->brands}
        <li>
        <p class="name">Бренды</p>
        <p class="values">
        <a href="catalog/{$category->url}" class='hover_mouse{if !$brand->id} selected{/if}'>Все</a>
        {foreach name=brands item=b from=$category->brands}
        <a href="catalog/{$category->url}/{$b->url}" class='hover_mouse{if $b->id == $brand->id} selected{/if}' data-brand="{$b->id}">{$b->name|escape}</a>
        {/foreach}
        </p>
        </li>
    {/if}


    {if $features}
        {foreach $features as $f}
        <li>
        <p class="name" data-feature="{$f->id}">{$f->name}:</p>
        <p class="values">
        <a href="{url params=[$f->id=>null, page=>null]}" class='hover_mouse{if !$smarty.get.$f@key} selected{/if}'>Все</a>
        {foreach $f->options as $o}<a href="{url params=[$f->id=>$o->value, page=>null]}" class='hover_mouse{if $smarty.get.$f@key == $o->value} selected{/if}'>{$o->value|escape}</a>{/foreach}
        </p>
        </li>
        {/foreach}
    {/if}
    </ul>
    </div>
{/if}


{if $products}
    {include file='pagination.tpl'}
    <ul class="tiny_products">
    {foreach $products as $product}
    <li class="product">{include file='tpl_products_blocks.tpl'}</li>
    {/foreach}
    </ul>
    {include file='pagination.tpl'}
{else}<h4 style='padding:50px 0;'>Сейчас здесь нет предложений<br />Попробуйте зайти позже</h4>{/if}


{literal}
<script>
$(function() {
    // Раскраска строк характеристик
    $("#features li:even").addClass('even');
    // Выбор вариантов
    $('select[name=variant]').change(function() {
        price = $(this).find('option:selected').attr('price');
        compare_price = '';
        if(typeof $(this).find('option:selected').attr('compare_price') == 'string')
            compare_price = $(this).find('option:selected').attr('compare_price');
        $(this).find('option:selected').attr('compare_price');
        $(this).closest('form').find('span').html(price);
        $(this).closest('form').find('strike').html(compare_price);
        return false;
    });
});
</script>
{/literal}
 

 

 

Изменено пользователем SergeySpb178
Ссылка на сообщение
Поделиться на другие сайты

Можно сделать таблицу, и вставить выбор варианта в один столбец, а кнопку "в корзину" и "купить в 1 клик" - в другую. Думаю самый простой выход.

В вёрстке разбираетесь? Если нет, скиньте файл products.tpl

 

файл скинуть не получилось

Ссылка на сообщение
Поделиться на другие сайты

Ссори опечатался, файл product.tpl нужен, а не products.tpl

 

 

 

{$name_title = "{$product->name|escape} - Комментарии"}
<div id="page_title">
    <p>
    <a href="./">Главная</a>
    {foreach from=$category->path item=cat}» <a class='link_2' href="catalog/{$cat->url}">{$cat->name|escape}</a>{/foreach}
    {if $brand}» <a class='link_2' href="catalog/{$cat->url}/{$brand->url}">{$brand->name|escape}</a>{/if}
    </p>
    <h1 data-product="{$product->id}">{$product->name|escape}</h1>
</div>


<div class="product page">
    {if $product->featured}<div class="label label_featured" title='Рекомендуемый товар (Лидер продаж)'></div>
    {elseif $product->variant->compare_price > 0}<div class="label label_sale" title='Предложение со скидкой'></div>{/if}


    <div class="image">
    <a href="{$product->image->filename|resize:800:600:w}" class="zoom" rel="group"><img src="{if $product->image}{$product->image->filename|resize:220:220}{else}design/{$settings->theme}/images/bg/nofoto.png{/if}" alt="{$product->product->name|escape}" /></a>
    </div>


    <div class="product_info">


        {if $product->images|count>1}
        {foreach $product->images|cut as $i=>$image}
        <div class="images"><a href="{$image->filename|resize:800:600:w}" class="zoom" rel="group"><img class='hover_mouse' src="{$image->filename|resize:50:50}" alt="{$product->name|escape}" /></a></div>
        {/foreach}
        <div class="clear"></div>
        {/if}


        {if $product->variants|count > 0}
            <form class="cart" action="/cart">
                <div class="price">
                <strike class='compare_price'>{if $product->variant->compare_price > 0}{$product->variant->compare_price|convert}{else}{/if}</strike>
                {if $product->variant->price >0}<span class='color'>{$product->variant->price|convert}</span><i class='color'>{$currency->sign|escape}</i>{else}<i style='margin:0;font-size:19px;' title='Не назначена цена'>Под заказ</i>{/if}
                </div>


                <select name="variant" {if $product->variants|count==1  && !$product->variant->name}style='display:none;'{/if}>
                {foreach $product->variants as $v}
                {if $v->price > 0}<option value="{$v->id}" {if $v->compare_price > 0}compare_price="{$v->compare_price|convert}"{/if} price="{$v->price|convert}">{$v->name}</option>{/if}
                {/foreach}
                </select>


                {if $product->variant->price >0}<input type="submit" class="but_add to_cart" value="" data-result-text=""/>{/if}
            
<!-- Покупка в один клик -->
<a href="#oneclick" class="button various oneclick">Купить в 1 Клик</a>
                        
<div id="oneclick" class="window" style="display: none;">
        <div class="title">Купить {$product->name|escape|rtrim}</div>
        <ul>
                <li><span>Ваше имя:</span><input class="onename" value="" type="text"></li>
                <li><span>Телефон:</span><input class="onephone" value="" type="text"></li>
        </ul>
        <button type="submit" name="enter" value="1" class="oneclickbuy button">Купить!</button>
</div>


{literal}
        <style>
                .button.various         {float: right; margin: 0px 0 0 0px; font-size: 13px;margin-top:10%;margin-right: 43%;}
                #oneclick                       { width: 350px; font-size: 14px; }
                #oneclick .title        { font: 18px Arial; color: #000; margin-bottom: 7px; border-bottom: 1px solid #ccc; padding-bottom: 12px; }
                #oneclick p,
                #oneclick li            { display: block; padding: 6px 0; }
                #oneclick li span       { display: inline-block; width: 80px;  }
                #oneclick input         { width: 204px; }
                #oneclick button        { float: right; margin-top: 8px; }
        </style>
        <script>
        $(function() {


                $(".various").fancybox({
                        helpers : {
                                overlay : {
                                        locked : false
                                }
                        },
                        closeBtn: false,
                        fitToView: false,
                        autoSize: true,
                        minHeight: "0",
                        minWidth: "350",
                        scrolling: false,
                        closeClick      : false,
                        openEffect      : 'fade',
                        closeEffect     : 'none'
                });


                $('.oneclickbuy').click( function() {


if($('.cart').find('select[name=variant]').size()>0) variant = $('.cart').find('select').val();                        
                        if( !$('.onename').val() || !$('.onephone').val() ) { 
                                alert("Заполните все поля!");
                                return false;
                        }


                        $.ajax({
                                type: "post",
                                url: "/ajax/oneclick.php",
                                data: {amount: 1, variant: variant, name: $('.onename').val() , phone: $('.onephone').val() },
                                dataType: 'json'
                        });
                        
                        $('.oneclick').hide(200);
                        $("#oneclick").html("<div class='title'>Спасибо за заказ!</div><p>В ближайшее время с вами свяжется наш менеджер!</p><button type='submit' class='button' onclick='$.fancybox.close();$(\".oneclick\").hide();return false;'>Закрыть!</button>");
                        
                        return false;
                        
                });


        });
        </script>
{/literal}
     <!-- Покупка в один клик END -->
     
     </form>
        {else}
        <div class="price"><i style='margin:0;' title='Нет на складе'><br />Нет в наличии</i></div>
        {/if}
    </div>


    <div class="clear"></div>
    {if $product->body}<div id="page_title"><h1>{$product->name|escape} - Информация</h1></div><div id="category_description">{$product->body}</div>{/if}
    {if $product->features}
        <div id="page_title"><h1>{$product->name|escape} - Характеристики</h1></div>
        <div id="features">
        <ul>
        {foreach $product->features as $f}
        <li><p class="name">{$f->name}:</p><p class="values">{$f->value}</p></li>
        {/foreach}
        <ul>
        </div>
    {/if}
</div>


<div id="back_forward">
{if $prev_product}<a class="prev_page_link hover_mouse link_2" href="products/{$prev_product->url}">{$prev_product->name|escape}</a>{/if}
{if $next_product}<a class="next_page_link hover_mouse link_2" href="products/{$next_product->url}">{$next_product->name|escape}</a>{/if}
</div>


{if $related_products}
    <div id="page_title"><h1>С {$product->name|escape} также смотрят</h1></div>
    <ul class="tiny_products main">
    {foreach $related_products as $product}
    <li class="product">{include file='tpl_products_blocks.tpl'}</li>
    {/foreach}
    </ul>
{/if}
<br />
{include file='tpl_comments.tpl'}


{* Увеличитель картинок *}
{literal}
<script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />


<script>
$(function() {
    // Раскраска строк характеристик
    $(".features li:even").addClass('even');


    // Зум картинок
    $("a.zoom").fancybox({
        prevEffect    : 'fade',
        nextEffect    : 'fade'});
    });
</script>
{/literal}
 

 

 

Ссылка на сообщение
Поделиться на другие сайты

Попробуйте заменить на вот это:

 

{$name_title = "{$product->name|escape} - Комментарии"}
<div id="page_title">
    <p>
    <a href="./">Главная</a>
    {foreach from=$category->path item=cat}» <a class='link_2' href="catalog/{$cat->url}">{$cat->name|escape}</a>{/foreach}
    {if $brand}» <a class='link_2' href="catalog/{$cat->url}/{$brand->url}">{$brand->name|escape}</a>{/if}
    </p>
    <h1 data-product="{$product->id}">{$product->name|escape}</h1>
</div>


<div class="product page">
    {if $product->featured}<div class="label label_featured" title='Рекомендуемый товар (Лидер продаж)'></div>
    {elseif $product->variant->compare_price > 0}<div class="label label_sale" title='Предложение со скидкой'></div>{/if}


    <div class="image">
    <a href="{$product->image->filename|resize:800:600:w}" class="zoom" rel="group"><img src="{if $product->image}{$product->image->filename|resize:220:220}{else}design/{$settings->theme}/images/bg/nofoto.png{/if}" alt="{$product->product->name|escape}" /></a>
    </div>


    <div class="product_info">


        {if $product->images|count>1}
        {foreach $product->images|cut as $i=>$image}
        <div class="images"><a href="{$image->filename|resize:800:600:w}" class="zoom" rel="group"><img class='hover_mouse' src="{$image->filename|resize:50:50}" alt="{$product->name|escape}" /></a></div>
        {/foreach}
        <div class="clear"></div>
        {/if}


        {if $product->variants|count > 0}
            <form class="cart" action="/cart">
                <div class="price">
                <strike class='compare_price'>{if $product->variant->compare_price > 0}{$product->variant->compare_price|convert}{else}{/if}</strike>
                {if $product->variant->price >0}<span class='color'>{$product->variant->price|convert}</span><i class='color'>{$currency->sign|escape}</i>{else}<i style='margin:0;font-size:19px;' title='Не назначена цена'>Под заказ</i>{/if}
                </div>

<table class="smartycms">
	<tr>
		<td {if $product->variants|count==1  && !$product->variant->name}style='display:none;'{/if}>
                <select name="variant">
                {foreach $product->variants as $v}
                {if $v->price > 0}<option value="{$v->id}" {if $v->compare_price > 0}compare_price="{$v->compare_price|convert}"{/if} price="{$v->price|convert}">{$v->name}</option>{/if}
                {/foreach}
                </select>
		</td>

		<td>
                {if $product->variant->price >0}<input type="submit" class="but_add to_cart" value="" data-result-text=""/>{/if}
            
				<!-- Покупка в один клик -->
				<a href="#oneclick" class="button various oneclick">Купить в 1 Клик</a>
										
				<div id="oneclick" class="window" style="display: none;">
						<div class="title">Купить {$product->name|escape|rtrim}</div>
						<ul>
								<li><span>Ваше имя:</span><input class="onename" value="" type="text"></li>
								<li><span>Телефон:</span><input class="onephone" value="" type="text"></li>
						</ul>
						<button type="submit" name="enter" value="1" class="oneclickbuy button">Купить!</button>
				</div>
		</td>

	</tr>
</table>

{literal}
        <style>
				table.smartycms> tr> td {vertical-align: top;}
				table.smartycms> tr> td:first-child {padding-right: 20px;}
                .button.various         {float: right; margin: 0px 0 0 0px; font-size: 13px;margin-top:10%;margin-right: 43%;}
                #oneclick                       { width: 350px; font-size: 14px; }
                #oneclick .title        { font: 18px Arial; color: #000; margin-bottom: 7px; border-bottom: 1px solid #ccc; padding-bottom: 12px; }
                #oneclick p,
                #oneclick li            { display: block; padding: 6px 0; }
                #oneclick li span       { display: inline-block; width: 80px;  }
                #oneclick input         { width: 204px; }
                #oneclick button        { float: right; margin-top: 8px; }
        </style>
        <script>
        $(function() {


                $(".various").fancybox({
                        helpers : {
                                overlay : {
                                        locked : false
                                }
                        },
                        closeBtn: false,
                        fitToView: false,
                        autoSize: true,
                        minHeight: "0",
                        minWidth: "350",
                        scrolling: false,
                        closeClick      : false,
                        openEffect      : 'fade',
                        closeEffect     : 'none'
                });


                $('.oneclickbuy').click( function() {


if($('.cart').find('select[name=variant]').size()>0) variant = $('.cart').find('select').val();                        
                        if( !$('.onename').val() || !$('.onephone').val() ) { 
                                alert("Заполните все поля!");
                                return false;
                        }


                        $.ajax({
                                type: "post",
                                url: "/ajax/oneclick.php",
                                data: {amount: 1, variant: variant, name: $('.onename').val() , phone: $('.onephone').val() },
                                dataType: 'json'
                        });
                        
                        $('.oneclick').hide(200);
                        $("#oneclick").html("<div class='title'>Спасибо за заказ!</div><p>В ближайшее время с вами свяжется наш менеджер!</p><button type='submit' class='button' onclick='$.fancybox.close();$(\".oneclick\").hide();return false;'>Закрыть!</button>");
                        
                        return false;
                        
                });


        });
        </script>
{/literal}
     <!-- Покупка в один клик END -->
     
     </form>
        {else}
        <div class="price"><i style='margin:0;' title='Нет на складе'><br />Нет в наличии</i></div>
        {/if}
    </div>


    <div class="clear"></div>
    {if $product->body}<div id="page_title"><h1>{$product->name|escape} - Информация</h1></div><div id="category_description">{$product->body}</div>{/if}
    {if $product->features}
        <div id="page_title"><h1>{$product->name|escape} - Характеристики</h1></div>
        <div id="features">
        <ul>
        {foreach $product->features as $f}
        <li><p class="name">{$f->name}:</p><p class="values">{$f->value}</p></li>
        {/foreach}
        <ul>
        </div>
    {/if}
</div>


<div id="back_forward">
{if $prev_product}<a class="prev_page_link hover_mouse link_2" href="products/{$prev_product->url}">{$prev_product->name|escape}</a>{/if}
{if $next_product}<a class="next_page_link hover_mouse link_2" href="products/{$next_product->url}">{$next_product->name|escape}</a>{/if}
</div>


{if $related_products}
    <div id="page_title"><h1>С {$product->name|escape} также смотрят</h1></div>
    <ul class="tiny_products main">
    {foreach $related_products as $product}
    <li class="product">{include file='tpl_products_blocks.tpl'}</li>
    {/foreach}
    </ul>
{/if}
<br />
{include file='tpl_comments.tpl'}


{* Увеличитель картинок *}
{literal}
<script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />


<script>
$(function() {
    // Раскраска строк характеристик
    $(".features li:even").addClass('even');


    // Зум картинок
    $("a.zoom").fancybox({
        prevEffect    : 'fade',
        nextEffect    : 'fade'});
    });
</script>
{/literal}
Ссылка на сообщение
Поделиться на другие сайты

 

Попробуйте заменить на вот это:

 

{$name_title = "{$product->name|escape} - Комментарии"}
<div id="page_title">
    <p>
    <a href="./">Главная</a>
    {foreach from=$category->path item=cat}» <a class='link_2' href="catalog/{$cat->url}">{$cat->name|escape}</a>{/foreach}
    {if $brand}» <a class='link_2' href="catalog/{$cat->url}/{$brand->url}">{$brand->name|escape}</a>{/if}
    </p>
    <h1 data-product="{$product->id}">{$product->name|escape}</h1>
</div>


<div class="product page">
    {if $product->featured}<div class="label label_featured" title='Рекомендуемый товар (Лидер продаж)'></div>
    {elseif $product->variant->compare_price > 0}<div class="label label_sale" title='Предложение со скидкой'></div>{/if}


    <div class="image">
    <a href="{$product->image->filename|resize:800:600:w}" class="zoom" rel="group"><img src="{if $product->image}{$product->image->filename|resize:220:220}{else}design/{$settings->theme}/images/bg/nofoto.png{/if}" alt="{$product->product->name|escape}" /></a>
    </div>


    <div class="product_info">


        {if $product->images|count>1}
        {foreach $product->images|cut as $i=>$image}
        <div class="images"><a href="{$image->filename|resize:800:600:w}" class="zoom" rel="group"><img class='hover_mouse' src="{$image->filename|resize:50:50}" alt="{$product->name|escape}" /></a></div>
        {/foreach}
        <div class="clear"></div>
        {/if}


        {if $product->variants|count > 0}
            <form class="cart" action="/cart">
                <div class="price">
                <strike class='compare_price'>{if $product->variant->compare_price > 0}{$product->variant->compare_price|convert}{else}{/if}</strike>
                {if $product->variant->price >0}<span class='color'>{$product->variant->price|convert}</span><i class='color'>{$currency->sign|escape}</i>{else}<i style='margin:0;font-size:19px;' title='Не назначена цена'>Под заказ</i>{/if}
                </div>

<table class="smartycms">
	<tr>
		<td {if $product->variants|count==1  && !$product->variant->name}style='display:none;'{/if}>
                <select name="variant">
                {foreach $product->variants as $v}
                {if $v->price > 0}<option value="{$v->id}" {if $v->compare_price > 0}compare_price="{$v->compare_price|convert}"{/if} price="{$v->price|convert}">{$v->name}</option>{/if}
                {/foreach}
                </select>
		</td>

		<td>
                {if $product->variant->price >0}<input type="submit" class="but_add to_cart" value="" data-result-text=""/>{/if}
            
				<!-- Покупка в один клик -->
				<a href="#oneclick" class="button various oneclick">Купить в 1 Клик</a>
										
				<div id="oneclick" class="window" style="display: none;">
						<div class="title">Купить {$product->name|escape|rtrim}</div>
						<ul>
								<li><span>Ваше имя:</span><input class="onename" value="" type="text"></li>
								<li><span>Телефон:</span><input class="onephone" value="" type="text"></li>
						</ul>
						<button type="submit" name="enter" value="1" class="oneclickbuy button">Купить!</button>
				</div>
		</td>

	</tr>
</table>

{literal}
        <style>
				table.smartycms> tr> td {vertical-align: top;}
				table.smartycms> tr> td:first-child {padding-right: 20px;}
                .button.various         {float: right; margin: 0px 0 0 0px; font-size: 13px;margin-top:10%;margin-right: 43%;}
                #oneclick                       { width: 350px; font-size: 14px; }
                #oneclick .title        { font: 18px Arial; color: #000; margin-bottom: 7px; border-bottom: 1px solid #ccc; padding-bottom: 12px; }
                #oneclick p,
                #oneclick li            { display: block; padding: 6px 0; }
                #oneclick li span       { display: inline-block; width: 80px;  }
                #oneclick input         { width: 204px; }
                #oneclick button        { float: right; margin-top: 8px; }
        </style>
        <script>
        $(function() {


                $(".various").fancybox({
                        helpers : {
                                overlay : {
                                        locked : false
                                }
                        },
                        closeBtn: false,
                        fitToView: false,
                        autoSize: true,
                        minHeight: "0",
                        minWidth: "350",
                        scrolling: false,
                        closeClick      : false,
                        openEffect      : 'fade',
                        closeEffect     : 'none'
                });


                $('.oneclickbuy').click( function() {


if($('.cart').find('select[name=variant]').size()>0) variant = $('.cart').find('select').val();                        
                        if( !$('.onename').val() || !$('.onephone').val() ) { 
                                alert("Заполните все поля!");
                                return false;
                        }


                        $.ajax({
                                type: "post",
                                url: "/ajax/oneclick.php",
                                data: {amount: 1, variant: variant, name: $('.onename').val() , phone: $('.onephone').val() },
                                dataType: 'json'
                        });
                        
                        $('.oneclick').hide(200);
                        $("#oneclick").html("<div class='title'>Спасибо за заказ!</div><p>В ближайшее время с вами свяжется наш менеджер!</p><button type='submit' class='button' onclick='$.fancybox.close();$(\".oneclick\").hide();return false;'>Закрыть!</button>");
                        
                        return false;
                        
                });


        });
        </script>
{/literal}
     <!-- Покупка в один клик END -->
     
     </form>
        {else}
        <div class="price"><i style='margin:0;' title='Нет на складе'><br />Нет в наличии</i></div>
        {/if}
    </div>


    <div class="clear"></div>
    {if $product->body}<div id="page_title"><h1>{$product->name|escape} - Информация</h1></div><div id="category_description">{$product->body}</div>{/if}
    {if $product->features}
        <div id="page_title"><h1>{$product->name|escape} - Характеристики</h1></div>
        <div id="features">
        <ul>
        {foreach $product->features as $f}
        <li><p class="name">{$f->name}:</p><p class="values">{$f->value}</p></li>
        {/foreach}
        <ul>
        </div>
    {/if}
</div>


<div id="back_forward">
{if $prev_product}<a class="prev_page_link hover_mouse link_2" href="products/{$prev_product->url}">{$prev_product->name|escape}</a>{/if}
{if $next_product}<a class="next_page_link hover_mouse link_2" href="products/{$next_product->url}">{$next_product->name|escape}</a>{/if}
</div>


{if $related_products}
    <div id="page_title"><h1>С {$product->name|escape} также смотрят</h1></div>
    <ul class="tiny_products main">
    {foreach $related_products as $product}
    <li class="product">{include file='tpl_products_blocks.tpl'}</li>
    {/foreach}
    </ul>
{/if}
<br />
{include file='tpl_comments.tpl'}


{* Увеличитель картинок *}
{literal}
<script type="text/javascript" src="js/fancybox/jquery.fancybox.pack.js"></script>
<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" type="text/css" media="screen" />


<script>
$(function() {
    // Раскраска строк характеристик
    $(".features li:even").addClass('even');


    // Зум картинок
    $("a.zoom").fancybox({
        prevEffect    : 'fade',
        nextEffect    : 'fade'});
    });
</script>
{/literal}

 

 

Красота)) Спасибо огромное))

Ссылка на сообщение
Поделиться на другие сайты

В стиле (style.css - строка 121) добавить в .but_add {....} цвет color: #fff;

 

Или просто замените строку на этот код:

 

.but_add {
    height: 25px;
    border: none;
    background: #3463B3 url(../images/bg/but_cart.png);
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.4), inset 0px 0px 1px rgba(073,073,073,1);
    box-shadow: 0px 1px 1px rgba(000,000,000,0.4), inset 0px 0px 1px rgba(073,073,073,1);
    color: #fff;
}

 

Но почему-то в кнопке иконка корзины белая на фоне по середине, я полагаю там текста вообще было быть не должно в таком случае. Если захотите убрать текст на кнопке, то вот код:

 

.but_add {
    height: 25px;
    border: none;
    background: #3463B3 url(../images/bg/but_cart.png);
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.4), inset 0px 0px 1px rgba(073,073,073,1);
    box-shadow: 0px 1px 1px rgba(000,000,000,0.4), inset 0px 0px 1px rgba(073,073,073,1);
    text-indent: -9999px;
}
Ссылка на сообщение
Поделиться на другие сайты

 

В стиле (style.css - строка 121) добавить в .but_add {....} цвет color: #fff;

 

Или просто замените строку на этот код:

 

.but_add {
    height: 25px;
    border: none;
    background: #3463B3 url(../images/bg/but_cart.png);
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.4), inset 0px 0px 1px rgba(073,073,073,1);
    box-shadow: 0px 1px 1px rgba(000,000,000,0.4), inset 0px 0px 1px rgba(073,073,073,1);
    color: #fff;
}

 

Но почему-то в кнопке иконка корзины белая на фоне по середине, я полагаю там текста вообще было быть не должно в таком случае. Если захотите убрать текст на кнопке, то вот код:

 

.but_add {
    height: 25px;
    border: none;
    background: #3463B3 url(../images/bg/but_cart.png);
    border-radius: 4px;
    -webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.4), inset 0px 0px 1px rgba(073,073,073,1);
    box-shadow: 0px 1px 1px rgba(000,000,000,0.4), inset 0px 0px 1px rgba(073,073,073,1);
    text-indent: -9999px;
}С

 

 

Спасибо))

Теперь не получается картинку корзины по левому краю выровнять(

Ссылка на сообщение
Поделиться на другие сайты

Спасибо))

Теперь не получается картинку корзины по левому краю выровнять(

 

Ее нужно переделывать т.к. в одной картинке не только корзина, но и эффект при наведении а также текст. Вотhttp://smartatom.ru/design/Ser_1/images/bg/but_cart.png

Ссылка на сообщение
Поделиться на другие сайты

Ее нужно переделывать т.к. в одной картинке не только корзина, но и эффект при наведении а также текст. Вотhttp://smartatom.ru/design/Ser_1/images/bg/but_cart.png

 

 

Вот так вот, только поровнее сделать и норм)) единственное что при наведении корзинка в цент уезжает(

post-22210-0-16029800-1485563609.png

post-22210-0-83556100-1485563621_thumb.png

Изменено пользователем SergeySpb178
Ссылка на сообщение
Поделиться на другие сайты

 

А при наведении меняется на пару строчек ниже:

 

.but_add.to_cart:hover {background-position:50% 78px;}

Я не учел тот момент что в каталоге тоже все слетит(

 

А можно взять фотку корзины переименовать ее и запелить только в карту товара? что б она больше не к чему не относилась?

post-22210-0-66219600-1485565548_thumb.png

Ссылка на сообщение
Поделиться на другие сайты
  • 4 недели спустя...

Всем доброго вечера! Помогите парни кто чем может ;)

Нужно поменять фон на Ottavio с белого на чёрный. На главной странице.

post-22350-0-50347000-1487690311_thumb.png

Ссылка на сообщение
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

Загрузка...
×
×
  • Создать...