Tìm kiếm nhanh

[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.

  • 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 !

     
  • nhimthulinh

    nhimthulinh

    Điều hành viên Quản trị diễn đàn

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

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

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

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

     
  •  

    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

     
  • nhimthulinh

    nhimthulinh

    Điều hành viên Quản trị diễn đàn

    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.
  • Tks bác Nhím :)

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    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>

     

     
  • nhimthulinh

    nhimthulinh

    Điều hành viên Quản trị diễn đàn

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

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

    anhyeuviolet Kenny Nguyen

    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
  • nhimthulinh

    nhimthulinh

    Điều hành viên Quản trị diễn đàn

    lại khoe của nữa, nhưng mà nếu thu nhỏ mobi sẽ vị rớt đấy em :v

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

     

    Hê hê ...

     

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

     
  • 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