Tìm kiếm nhanh

Sao block.product_center không chạy?

Thảo luận trong 'Modules sản phẩm' đăng bởi duongnguyen, 09/08/2016 21:53.

  • duongnguyen

    duongnguyen Duong Nguyen

    Có ai sử dụng được block.product_center chưa? Có bao nhiêu SP nó trải ra từ trên xuống dưới

    Ai biết sửa dùm, cám ơn!

    <!-- BEGIN: main -->
    <!-- BEGIN: lib -->
    <script data-show="after" type="text/javascript" src="{JS_PATH}/responsiveCarousel.min.js"></script>
    <!-- END: lib -->
    <script data-show="after" type="text/javascript">
    	jQuery(document).ready(function($){
    		$('.product_center_{BLOCKID}').carousel({ autoRotate: 4000, speed: 800, overflow: false, visible: '{NUMVIEW}', itemMinWidth: 150, itemEqualHeight: true, itemMargin: 10 });
    		$('.product_center_{BLOCKID}').on("initCarousel", function(event, defaults, obj){
    			$('#'+defaults.navigation).find('.previous, .next').css({ opacity: 0 });
    			$('#product_center_{BLOCKID}').hover( function(){
    				$(this).find('.previous').css({ left: 0 }).stop(true, true).animate({ left: '20px', opacity: 1 });
    				$(this).find('.next').css({ right: 0 }).stop(true, true).animate({ right: '20px', opacity: 1 });
    			}, function(){
    				$(this).find('.previous').animate({ left: 0, opacity: 0 });
    				$(this).find('.next').animate({ right: 0, opacity: 0 });
    			});
    		});
    	});
    </script>
    
    <div id="product_center_{BLOCKID}">
    	<div id="nav-07_{BLOCKID}" class="crsl-nav">
    		<a href="#" class="previous">&lt;</a>
    		<a href="#" class="next">&gt;</a>
    	</div>
    	<div class="gallery product_center_{BLOCKID} crsl-items" data-navigation="nav-07_{BLOCKID}">
    		<div class="crsl-wrap">
    			<!-- BEGIN: items -->
    			<div class="crsl-item" align="center">
    				<a href="{LINK}" title="{TITLE}"><img src="{SRC_IMG}" width="{WIDTH}" alt="{TITLE}" class="thumbnail" /></a>
    				<!-- BEGIN: price -->
    				<span class="price">
                        <!-- BEGIN: discounts -->
                        <span class="money show">{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 -->
    				</span>
    				<!-- END: price -->
                    <!-- BEGIN: contact -->
                    <span class="money">{LANG.price_contact}</span>
                    <!-- END: contact -->
    				<p><a href="{LINK}" title="{TITLE}">{TITLE0}</a></p>
    			</div>
    			<!-- END: items -->
    		</div>
    	</div>
    </div>
    <!-- END: main -->

     

     
  • anhyeuviolet

    anhyeuviolet Kenny Nguyen

    Cái này nếu fix lỗi này thì khi hiển thị block ngang sẽ bị khuất phần giá.

    Bạn thử vào \themes\default\css\jquery.bxslider.css

    Sửa lại hết CSS như bên dưới :

    /**
     * BxSlider v4.1.2 - Fully loaded, responsive content slider
     * http://bxslider.com
     *
     * Written by: Steven Wanderski, 2014
     * http://stevenwanderski.com
     * (while drinking Belgian ales and listening to jazz)
     *
     * CEO and founder of bxCreative, LTD
     * http://bxcreative.com
     */
    /** RESET AND LAYOUT
    ===================================*/
    
    .bx-wrapper {
    	position: relative;
    	margin: 0 auto 60px;
    	padding: 0;
    	*zoom: 1;
    }
    
    .bx-wrapper img {
    	max-width: 90%;
    	display: block;
    	margin-left: auto;
    	margin-right: auto;
    }
    
    /** THEME
    ===================================*/
    
    .bx-wrapper .bx-viewport {
    	-moz-box-shadow: 0 0 5px #ccc;
    	-webkit-box-shadow: 0 0 5px #ccc;
    	box-shadow: 0 0 5px #ccc;
    	border:  5px solid #fff;
    	left: -5px;
    	background: #fff;
    	/*fix other elements on the page moving (on Chrome)*/
    	-webkit-transform: translatez(0);
    	-moz-transform: translatez(0);
        	-ms-transform: translatez(0);
        	-o-transform: translatez(0);
        	transform: translatez(0);
    }
    
    .bx-wrapper .bx-pager,
    .bx-wrapper .bx-controls-auto {
    	position: absolute;
    	bottom: -30px;
    	width: 100%;
    }
    
    /* LOADER */
    
    .bx-wrapper .bx-loading {
    	min-height: 50px;
    	background: url(../images/shops/ajax-loader.gif) center center no-repeat #fff;
    	height: 100%;
    	width: 100%;
    	position: absolute;
    	top: 0;
    	left: 0;
    	z-index: 2000;
    }
    
    /* PAGER */
    
    .bx-wrapper .bx-pager {
    	text-align: center;
    	font-size: .85em;
    	font-family: Arial;
    	font-weight: bold;
    	color: #666;
    	padding-top: 20px;
    }
    
    .bx-wrapper .bx-pager .bx-pager-item,
    .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    	display: inline-block;
    	*zoom: 1;
    	*display: inline;
    }
    
    .bx-wrapper .bx-pager.bx-default-pager a {
    	background: #666;
    	text-indent: -9999px;
    	display: block;
    	width: 10px;
    	height: 10px;
    	margin: 0 5px;
    	outline: 0;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    	border-radius: 5px;
    }
    
    .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .bx-wrapper .bx-pager.bx-default-pager a.active {
    	background: #000;
    }
    
    /* DIRECTION CONTROLS (NEXT / PREV) */
    
    .bx-wrapper .bx-prev {
    	left: 10px;
    	background: url(../images/shops/controls.png) no-repeat 0 -32px;
    	display:none;
    }
    
    .bx-wrapper .bx-next {
    	right: 10px;
    	background: url(../images/shops/controls.png) no-repeat -43px -32px;
    	display:none;
    }
    
    .bx-wrapper .bx-prev:hover {
    	background-position: 0 0;
    }
    .bx-wrapper:hover .bx-prev, .bx-wrapper:hover .bx-next  {
    	display:block;
    }
    .bx-wrapper .bx-next:hover {
    	background-position: -43px 0;
    }
    
    .bx-wrapper .bx-controls-direction a {
    	position: absolute;
    	top: 50%;
    	margin-top: -16px;
    	outline: 0;
    	width: 32px;
    	height: 32px;
    	text-indent: -9999px;
    	z-index: 9999;
    }
    
    .bx-wrapper .bx-controls-direction a.disabled {
    	display: none;
    }
    
    /* AUTO CONTROLS (START / STOP) */
    
    .bx-wrapper .bx-controls-auto {
    	text-align: center;
    }
    
    .bx-wrapper .bx-controls-auto .bx-start {
    	display: block;
    	text-indent: -9999px;
    	width: 10px;
    	height: 11px;
    	outline: 0;
    	background: url(../images/shops/controls.png) -86px -11px no-repeat;
    	margin: 0 3px;
    }
    
    .bx-wrapper .bx-controls-auto .bx-start:hover,
    .bx-wrapper .bx-controls-auto .bx-start.active {
    	background-position: -86px 0;
    }
    
    .bx-wrapper .bx-controls-auto .bx-stop {
    	display: block;
    	text-indent: -9999px;
    	width: 9px;
    	height: 11px;
    	outline: 0;
    	background: url(../images/shops/controls.png) -86px -44px no-repeat;
    	margin: 0 3px;
    }
    
    .bx-wrapper .bx-controls-auto .bx-stop:hover,
    .bx-wrapper .bx-controls-auto .bx-stop.active {
    	background-position: -86px -33px;
    }
    
    /* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
    
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    	text-align: left;
    	width: 80%;
    }
    
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    	right: 0;
    	width: 35px;
    }
    
    /* IMAGE CAPTIONS */
    
    .bx-wrapper .bx-caption {
    	position: absolute;
    	bottom: 0;
    	left: 0;
    	background: #666\9;
    	background: rgba(80, 80, 80, 0.75);
    	width: 100%;
    }
    
    .bx-wrapper .bx-caption span {
    	color: #fff;
    	font-family: Arial;
    	display: block;
    	font-size: .85em;
    	padding: 10px;
    }
    

     

    Mình vẫn chưa thấy ổn, bạn thử sửa dần rồi góp ý cho mọi người xem thế nào.

     

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