SergeySpb178 Опубликовано 27 января, 2017 Жалоба Поделиться Опубликовано 27 января, 2017 Возможно тупой вопрос, но как зафиксировать кнопку "в корзине" под кнопкой "купить в 1 клик", что б она меняло свое положение в зависимости от обстоятельств (см.фото) Цитата Ссылка на сообщение Поделиться на другие сайты
Smartycms Опубликовано 27 января, 2017 Жалоба Поделиться Опубликовано 27 января, 2017 Нужно смотреть вёрстку. Покажите сайт Цитата Ссылка на сообщение Поделиться на другие сайты
SergeySpb178 Опубликовано 27 января, 2017 Автор Жалоба Поделиться Опубликовано 27 января, 2017 Нужно смотреть вёрстку. Покажите сайтhttp://smartatom.ru/products/128gb-sdxc-class10-smartbuy Цитата Ссылка на сообщение Поделиться на другие сайты
Smartycms Опубликовано 27 января, 2017 Жалоба Поделиться Опубликовано 27 января, 2017 (изменено) Можно сделать таблицу, и вставить выбор варианта в один столбец, а кнопку "в корзину" и "купить в 1 клик" - в другую. Думаю самый простой выход.В вёрстке разбираетесь? Если нет, скиньте файл product.tpl Изменено 27 января, 2017 пользователем smartycms Цитата Ссылка на сообщение Поделиться на другие сайты
SergeySpb178 Опубликовано 27 января, 2017 Автор Жалоба Поделиться Опубликовано 27 января, 2017 (изменено) Можно сделать таблицу, и вставить выбор варианта в один столбец, а кнопку "в корзину" и "купить в 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} Изменено 27 января, 2017 пользователем SergeySpb178 Цитата Ссылка на сообщение Поделиться на другие сайты
SergeySpb178 Опубликовано 27 января, 2017 Автор Жалоба Поделиться Опубликовано 27 января, 2017 Можно сделать таблицу, и вставить выбор варианта в один столбец, а кнопку "в корзину" и "купить в 1 клик" - в другую. Думаю самый простой выход.В вёрстке разбираетесь? Если нет, скиньте файл products.tpl файл скинуть не получилось Цитата Ссылка на сообщение Поделиться на другие сайты
Smartycms Опубликовано 27 января, 2017 Жалоба Поделиться Опубликовано 27 января, 2017 Ссори опечатался, файл product.tpl нужен, а не products.tpl Цитата Ссылка на сообщение Поделиться на другие сайты
SergeySpb178 Опубликовано 27 января, 2017 Автор Жалоба Поделиться Опубликовано 27 января, 2017 Ссори опечатался, файл 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} Цитата Ссылка на сообщение Поделиться на другие сайты
Smartycms Опубликовано 27 января, 2017 Жалоба Поделиться Опубликовано 27 января, 2017 Попробуйте заменить на вот это: {$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} Цитата Ссылка на сообщение Поделиться на другие сайты
SergeySpb178 Опубликовано 27 января, 2017 Автор Жалоба Поделиться Опубликовано 27 января, 2017 Попробуйте заменить на вот это: {$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} Красота)) Спасибо огромное)) Цитата Ссылка на сообщение Поделиться на другие сайты
SergeySpb178 Опубликовано 27 января, 2017 Автор Жалоба Поделиться Опубликовано 27 января, 2017 Не подскажите еще, как цвет текста "в корзине" поменять, не могу найти параметр Цитата Ссылка на сообщение Поделиться на другие сайты
Smartycms Опубликовано 27 января, 2017 Жалоба Поделиться Опубликовано 27 января, 2017 В стиле (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; } Цитата Ссылка на сообщение Поделиться на другие сайты
SergeySpb178 Опубликовано 28 января, 2017 Автор Жалоба Поделиться Опубликовано 28 января, 2017 В стиле (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; }С Спасибо))Теперь не получается картинку корзины по левому краю выровнять( Цитата Ссылка на сообщение Поделиться на другие сайты
Smartycms Опубликовано 28 января, 2017 Жалоба Поделиться Опубликовано 28 января, 2017 Спасибо))Теперь не получается картинку корзины по левому краю выровнять( Ее нужно переделывать т.к. в одной картинке не только корзина, но и эффект при наведении а также текст. Вотhttp://smartatom.ru/design/Ser_1/images/bg/but_cart.png Цитата Ссылка на сообщение Поделиться на другие сайты
SergeySpb178 Опубликовано 28 января, 2017 Автор Жалоба Поделиться Опубликовано 28 января, 2017 (изменено) Ее нужно переделывать т.к. в одной картинке не только корзина, но и эффект при наведении а также текст. Вотhttp://smartatom.ru/design/Ser_1/images/bg/but_cart.png Вот так вот, только поровнее сделать и норм)) единственное что при наведении корзинка в цент уезжает( Изменено 28 января, 2017 пользователем SergeySpb178 Цитата Ссылка на сообщение Поделиться на другие сайты
Smartycms Опубликовано 28 января, 2017 Жалоба Поделиться Опубликовано 28 января, 2017 А при наведении меняется на пару строчек ниже: .but_add.to_cart:hover {background-position:50% 78px;} Цитата Ссылка на сообщение Поделиться на другие сайты
SergeySpb178 Опубликовано 28 января, 2017 Автор Жалоба Поделиться Опубликовано 28 января, 2017 А при наведении меняется на пару строчек ниже: .but_add.to_cart:hover {background-position:50% 78px;} Я не учел тот момент что в каталоге тоже все слетит( А можно взять фотку корзины переименовать ее и запелить только в карту товара? что б она больше не к чему не относилась? Цитата Ссылка на сообщение Поделиться на другие сайты
Cresh007 Опубликовано 21 февраля, 2017 Жалоба Поделиться Опубликовано 21 февраля, 2017 Всем доброго вечера! Помогите парни кто чем может Нужно поменять фон на Ottavio с белого на чёрный. На главной странице. Цитата Ссылка на сообщение Поделиться на другие сайты
Рекомендуемые сообщения
Присоединяйтесь к обсуждению
Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.