#1 2015-07-03 16:34

rzet777
Пользователь

Адаптивная верстка для карточки товара.

Всем привет!big_smileНе у кого нет случайно примера кода для дочерних товаров для мобильников, не обязательно адаптивной? У меня никак не получилось сделать карточку товаров ,а именно дочернии товары, они либо есть, либо нету, когда я делаю через bootstrap, верстка не работает и их не видно.

Код:

<div class="container-fluid buytable" width="100%">
            <div class="row">
                <div class="col-sm-2 col-md-2 col-lg-2"><div class="first">&nbsp;<form action='' method="post"></form></div></div>
                <div class="col-sm-3 col-md-3 col-lg-3"> <div>название{$extra_options[16].name_ru}</div>

                    {*section name=j loop=$extra_options}
                    {if  $extra_options[j].optionID<>32 }
                    {if  $extra_options[j].optionID<>26 }</div>
                <div class="col-sm-2 col-md-2 col-lg-2"><div>

                    {if $extra_options[j].type  }

                    <div class="selectpad" style="display:none;">{$extra_options[j].name_ru} &nbsp;
                        <a href="#" class="fall" id="{$extra_options[j].optionID}">все</a> &nbsp;
                        {section name=k loop=$extra_options[j].values}
                        <a href="#" class="fopt" id="{$extra_options[j].optionID}">{$extra_options[j].values[k]}</a> &nbsp;
                        {/section}
                    </div>
                    {/if}
                        <span class="trueselect" >{$extra_options[j].name_ru} &nbsp;
                            {if $extra_options[j].type }
                            <a class="wannaselect" href="#">все</a>
                            {/if}
                        </span>


                </div>
                    {/if}{/if}
                    {/section*}</div>
                <div class="col-sm-2 col-md-2 col-lg-2"> <div>наличие</div></div>
                <div class="col-sm-2 col-md-2 col-lg-2"> <div style="width: 110px;">цена, руб.</div></div>
                <div class="col-sm-1 col-md-1 col-lg-1"><div class="last" style="width: 110px;">в корзину</div></div>
            </div>
            <div class="row">
                <div class="buytr {if !$conter} firstrow {/if} {if $product_child[i].in_stock >0} vnalbtr {/if} ">
                    <div class="col-sm-2 col-md-2 col-lg-2">
                        <div class="img">
                            {if $product_child[i].pictures.default.thumbnail}
                            <a target="_blank" onclick="return hs.expand(this)" href='{$smarty.const.URL_PRODUCTS_PICTURES}/{if $product_child[i].pictures.default.filename}{$product_child[i].pictures.default.filename|escape:'url'}{else}{$product_child[i].pictures.default.filename|escape:'url'}{/if}' img_width="{$product_info.picture_width}" img_height="{$product_info.picture_height}">
                            <img id='img-current_picture' name="imgproduct{$product_child[i].productID}" style="max-width: 50px;max-height: 50px;display: block;margin: auto;"  src="{$smarty.const.URL_PRODUCTS_PICTURES}/{$product_child[i].pictures.default.filename|escape:'url'}" {if $product_child[i].pictures.default.title} title="{$product_child[i].pictures.default.title|escape:'html'}"{/if}{if $product_child[i].pictures.default.alt} alt="{$product_child[i].pictures.default.alt|escape:'html'}"{/if}></a>
                            </a>
                            {/if}
                        </div>
                    </div>
                    <div class="col-sm-3 col-md-3 col-lg-3">
                        <div class="name">
                            <span>{$product_child[i].name|regex_replace:"/%(.*)%/":'<span class="moto_pre">$1</span>'}</span>{$product_child[i].name_2|regex_replace:"/%(.*)%/":'<span class="moto_pre">$1</span>'}
                        </div>
                        {*section name=j loop=$extra_options}
                        {if $extra_options[j].optionID<>32  }
                        {if  $extra_options[j].optionID<>26 }
                        {assign var=index value=$extra_options[j].optionID}
                    </div>
                    <div class="col-sm-2 col-md-2 col-lg-2">
                        <div><span class="fval{$index}">{$product_child[i].option_values[$index]}</span></div>
                        {/if}
                        {/if}
                        {/section*}
                    </div>
                    <div class="col-sm-2 col-md-2 col-lg-2">
                        <div class="status"  style="text-align: center;">
                            <div cellpadding="0" cellspacing="0" border="0" class="statustable" style="margin: auto;background: none;">
                                <div class="row">
                                    <div class="col-sm-6 col-md-6 col-lg-6">
                                        <div>
                                            <td style="text-transform: uppercase;font-size: 12px;font-weight: bold;background: none;" class="semaf-img">{$product_child[i].semafor} {if $product_child[i].semafor_text eq ' в наличии'}В наличии{else}Под заказ{/if}</td>
                                        </div>
                                    </div>
                                    <div class="col-sm-6 col-md-6 col-lg-6">
                                        <div>
                                            <div style="font-size: 10px;background: none;">{if $product_child[i].semafor_text eq ' в наличии'}{else}{$product_child[i].semafor_text}{/if}{$product_child[i].stock_for_opt}</div>
                                        </div>
                                    </div>
                                </div>


                            </div>
                        </div>
                    </div>
                    <div class="col-sm-2 col-md-2 col-lg-2">
                        <div class="price">{$product_child[i].Price|replace:'.00':''}</div>
                    </div>
                    <div class="col-sm-1 col-md-1 col-lg-1">
                        <div class="last nowrap">
                            <form rel="{$product_child[i].productID}" action="/?productID={$product_child[i].productID}&action=add_product&ukey=cart" method="post">
                                <input name="productID" value="{$product_child[i].productID}" type="hidden" >
                                <input name="action" value="add_product" type="hidden" >
                                <input name="ukey" value="cart" type="hidden" >
                                <input class="product_price" value="{$product_child[i].Price}" type="hidden" >
                                <input class="product_list_price" value="0" type="hidden" >
                                <input type="text" class="qnt product_qty" name="product_qty" value="1">&nbsp;
                                <input class="addsmall add2cart_handler" rel="imgproduct{$product_child[i].productID}"  onclick="yaCounter1426223.reachGoal('CLICK_BUY'); return true;" name="add2cart" type="image" src="/img/addsmall.png" rel="" >


                                {if $product_child[i].in_stock <= 0}
                                <a class="notify_product" tabindex="1">
                                    <em>
                                        <img class="addsmall" src="/img/notify_product.png" title="Уведомить при поступлении товара" style="width: 19px;vertical-align: top;">
                                    </em>

                            <span class="notify_product_form" style="text-align: center;">
                                <div id="notify_product_text{$product_child[i].productID}">
                                    <h2>Уведомить о поступлении.</h2>
                                    <div style="white-space: initial;text-align: left;padding: 0px 10px;margin: 13px 0px;">
                                        Введите номер телефона или адрес электронной почты, чтобы получить сообщение о прибытии товара на склад.
                                    </div>
                                    <p>
                                        <input type="text" class="notify_input" id="notify_phone{$product_child[i].productID}" name="phone" placeholder="Номер телефона" />
                                    </p>
                                    <p>
                                        <input type="text" class="notify_input" id="notify_email{$product_child[i].productID}" name="Email" placeholder="email" />
                                    </p>
                                    <p>
                                        <input style="width: auto;" name="subscribed4news" value="1" checked="" id="subscribed4news{$product_child[i].productID}" type="checkbox"><label for="custinfo-subscribed4news">Подписаться на новости Мотоя</label>
                                    </p>
                                    <p>
                                        <button onclick="yaCounter1426223.reachGoal('CLICK_NOTIFITY'); pnotify({$product_child[i].productID});return false;">Уведомить</button>
                                    </p>

                                </div>
                            </span>

                                </a>
                                {/if}

                            </form>
                        </div>
                    </div>
                </div>

            </div>
            {section name=i loop=$product_child}
            {*if $product_child[i].semafor|strpos:"s_green"*}
        </div>

Через table все работает, через div вся таблица исчезает.
Или придется все таки за отдельную плату делать адаптивность дочерним товарам?
http://308712.motoya.web.hosting-test.n … ameilong-/

Отредактировано rzet777 (2015-07-03 16:36)

Неактивен

 

Board footer

Powered by PunBB