[Hướng dẫn] thêm nút chi tiết sản phẩm nukeviet

Thảo luận trong 'Modules sản phẩm' đăng bởi boiboi2016, 16/07/2016 05:56.

  • Proxxxing

    Proxxxing ProxxxingNF ProxxxingNF

    Như tiêu đề bác nào hướng dẩn em làm thêm cái nút chi tiết sản phẩm ngang hàng với nút đặt hàng và yêu thích.

    Em cảm ơn !

     
  • Đặt tiêu đề như vạy dễ bị hiểu nhầm nha, rút kinh nghiệm lần sau nha em

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Hình demo ý tưởng nào bạn.

    Đặt ở đâu, khu vực nào ...

     
  • Proxxxing

    Proxxxing ProxxxingNF ProxxxingNF

     

    Nút chi tiết sản phẩm (click vào sẽ vào trang chi tiết sản phẩm) ngang hàng với nút đặt hàng và yêu thích ý bác

     
  • tham khảo đoạn code dưới đây 

          <div class="clearfix">
    	                     <a href="{LINK}" title="{TITLE}" data-content="Chi tiết" class="pa_button" data-rel="tooltip" data-original-title=""  ><button type="button"  class="btn btn-primary btn-xs"><i class="fa fa-exchange"></i> Chi tiết</button></a>
    
                        <!-- BEGIN: order -->
                        <a href="javascript:void(0)" id="{ID}" data-content="{LANG.add_product}" data-rel="tooltip" title="{TITLE}" onclick="cartorder(this, 0, '{LINK}')"><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-cart-arrow-down"></i></button></a>
                        <!-- END: order -->
    					<!-- BEGIN: product_empty -->
                        <button class="btn btn-danger disabled btn-xs" data-content="{LANG.product_empty}" data-rel="tooltip" title="{TITLE}"><i class="fa fa-cart-arrow-down"></i></button>
                        <!-- END: product_empty -->
                        <!-- BEGIN: wishlist -->
                         <a href="javascript:void(0)" title="{TITLE}" data-content="{LANG.wishlist}" data-rel="tooltip" data-original-title=""  ><button type="button" onclick="wishlist({ID}, this)" class="btn btn-primary btn-xs <!-- BEGIN: disabled -->disabled<!-- END: disabled -->"><i class="fa fa-heartbeat"></i></button></a>
    
                        <!-- END: wishlist -->
    					<!-- BEGIN: adminlink -->
                           {ADMINLINK}
                            <!-- END: adminlink -->
                            </div>

     tham khảo thêm main_procate.tpl

     

    <!-- BEGIN: main -->
    <div id="products" class="clearfix">
        <!-- BEGIN: displays -->
        <div class="form-group form-inline pull-right">
            <label class="control-label">{LANG.displays_product}</label>
            <select name="sort" id="sort" class="form-control input-sm" onchange="nv_chang_price();">
                <!-- BEGIN: sorts -->
                    <option value="{key}" {se}> {value}</option>
                <!-- END: sorts -->
            </select>
        </div>
        <div class="clearfix">&nbsp;</div>
        <!-- END: displays -->
    
        <!-- BEGIN: items -->
        <div class="col-sm-12 col-md-{num}">
            <div class="thumbnail">
                <div style="height: {height}px">
                    <a href="{LINK}" title="{TITLE}"><img src="{IMG_SRC}" alt="{TITLE}" <!-- BEGIN: tooltip_js -->data-content='{hometext}' data-rel="tooltip" data-img="{IMG_SRC}"<!-- END: tooltip_js -->class="img-thumbnail" style="max-width:{width}px; max-height: {height}px;"></a>
                </div>
                <div class="info_pro">
                	<!-- BEGIN: new -->
                	<span class="label label-success newday">{LANG.newday}</span>
                	<!-- END: new -->
                	<!-- BEGIN: discounts -->
                	<span class="label label-danger">-{PRICE.discount_percent}{PRICE.discount_unit}</span>
                	<!-- END: discounts -->
                	<!-- BEGIN: point -->
                	<span class="label label-info" title="{point_note}">+{point}</span>
                	<!-- END: point -->
                	<!-- BEGIN: gift -->
                	<span class="label label-success">+<em class="fa fa-gift fa-lg">&nbsp;</em></span>
                	<!-- END: gift -->
                </div>
                <div class="caption text-center">
                    <h3><a href="{LINK}" title="{TITLE}">{TITLE0}</a></h3>
    
                    <!-- BEGIN: product_code -->
                    <p class="label label-default">{PRODUCT_CODE}</p>
                    <!-- END: product_code -->
    				<!-- BEGIN: price -->
    				<p class="price">
                        <!-- BEGIN: discounts -->
                        <span class="money">{PRICE.sale_format} {PRICE.unit}</span>
                        <span class="discounts_money">{PRICE.price_format} {PRICE.unit}</span>
                        <!-- END: discounts -->
    
    					<!-- BEGIN: no_discounts -->
    					<span class="money">{PRICE.price_format} {PRICE.unit}</span>
    					<!-- END: no_discounts -->
    				</p>
    				<!-- END: price -->
    
                    <!-- BEGIN: contact -->
                    <p class="price">{LANG.detail_pro_price}: <span class="money">{LANG.price_contact}</span></p>
                    <!-- END: contact -->
    
                    <!-- BEGIN: compare -->
                    <p><input type="checkbox" value="{ID}"{ch} onclick="nv_compare({ID});" id="compare_{ID}"/><a href="#" onclick="nv_compare_click();" >&nbsp;{LANG.compare}</a></p>
                    <!-- END: compare -->
                        <div class="clearfix">
    	                     <a href="{LINK}" title="{TITLE}" data-content="Chi tiết" class="pa_button" data-rel="tooltip" data-original-title=""  ><button type="button"  class="btn btn-primary btn-xs"><i class="fa fa-exchange"></i> {LANG.detail}</button></a>
    
                        <!-- BEGIN: order -->
                        <a href="javascript:void(0)" id="{ID}" data-content="{LANG.add_product}" data-rel="tooltip" title="{TITLE}" onclick="cartorder(this, 0, '{LINK}')"><button type="button" class="btn btn-primary btn-xs"><i class="fa fa-cart-arrow-down"></i></button></a>
                        <!-- END: order -->
    					<!-- BEGIN: product_empty -->
                        <button class="btn btn-danger disabled btn-xs" data-content="{LANG.product_empty}" data-rel="tooltip" title="{TITLE}"><i class="fa fa-cart-arrow-down"></i></button>
                        <!-- END: product_empty -->
                        <!-- BEGIN: wishlist -->
                         <a href="javascript:void(0)" title="{TITLE}" data-content="{LANG.wishlist}" data-rel="tooltip" data-original-title=""  ><button type="button" onclick="wishlist({ID}, this)" class="btn btn-primary btn-xs <!-- BEGIN: disabled -->disabled<!-- END: disabled -->"><i class="fa fa-heartbeat"></i></button></a>
    
                        <!-- END: wishlist -->
    					<!-- BEGIN: adminlink -->
                           {ADMINLINK}
                            <!-- END: adminlink -->
                            </div>
                </div>
            </div>
        </div>
        <!-- END: items -->
    </div>
    
    <!-- BEGIN: modal_loaded -->
    <div class="modal fade" id="idmodals" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    	<div class="modal-dialog">
    		<div class="modal-content">
    			<div class="modal-header">
    				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    				<h4 class="modal-title">{LANG.add_product}</h4>
    			</div>
    			<div class="modal-body">
    				<em class="fa fa-spinner fa-spin">&nbsp;</em>
    			</div>
    		</div>
    	</div>
    </div>
    <!-- END: modal_loaded -->
    
    <!-- BEGIN: pages -->
    <div class="text-center">
        {generate_page}
    </div>
    <!-- END: pages -->
    <div class="msgshow" id="msgshow">&nbsp;</div>
    
    <!-- END: main -->
    

     

     
    boiboi2016 thích điều này.
  • Proxxxing

    Proxxxing ProxxxingNF ProxxxingNF

    Tks bác Nhím :)

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Anh Nhím nhanh quạ !

    Mình thỉ chỉ hd đơn giản thôi 

    <a href="{link_pro}" title="{title_pro}" ><button type="button" class="btn btn-primary btn-xs">{LANG.detail_product}</button></a>

     

     
  • kaka tiện đường thôi em

     
    anhyeuviolet thích điều này.
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

    Thêm tí hình

     

     

     

    Tệp đính kèm:

    • 2.png
      2.png
      Dung lượng:
      34.63 KB
      Lượt xem:
      2
    • 1.png
      1.png
      Dung lượng:
      17.52 KB
      Lượt xem:
      0
  • lại khoe của nữa, nhưng mà nếu thu nhỏ mobi sẽ vị rớt đấy em :v

     
  • Fortresssnl

    Fortresssnl xzusafmewnazxwpGP zvusafmegmqhc3dGP

     

    Hê hê ...

     

    Trừ khi màn hình bé quá thì em chịu thật.
    Hê hê blush

     
  • Proxxxing

    Proxxxing ProxxxingNF ProxxxingNF

    cách bác nào củng hay nhưng mà chỉ hiển thị ở 1 số cái nhất định e đang tìm 1 số cái ko hiển thị chèn vào nốt. Tks 2 bác :)

     

Chia sẻ trang này

Bạn đã không sử dụng Site, Bấm vào đây để duy trì trạng thái đăng nhập. Thời gian chờ: 60 giây