Перейти до вмісту
Пошук в
  • Детальніше...
Шукати результати, які ...
Шукати результати в ...

Проблема с product_grid


Recommended Posts

Добрый день, коллеги. Есть проблема - магазин на 1.5.2, глюк с выводом product-grid в категории. А именно, при скроллинге страницы все содержимое категории исчезает. Это не зависит от типа выбранного представления  - List или GRID. Поскроллишь туда-сюда, все пропадает. Шаблон Polianna.  Код секции из CSS в приложении.



/************************************Product-grid*******************************************/

.product-grid{
	margin:0;
	padding:0px;
	width: 100%;
/*	overflow: visible;
	position:relative; */
	text-align:center; 
	z-index:1000000;
}
.product-grid .block{
 display: inline-block; 
 position:relative;
 width:200px;
 padding:10px;
 text-align:center;	
}

#column-left + #column-right + #content .product-grid > div {
	width: 232px;
}

.product-grid .image{
	margin:0 0 10px 0;
	position:relative;
	padding:0;
}
.product-grid .image a{ padding:0; margin:0;}
.product-grid .image_but{
	margin-bottom: 8px;
	position:relative;
	padding:0;}
.product-grid .image img {
	border:none;
}
.product-grid .name a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
	text-decoration: none;
	display: block;
	margin-bottom:8px;
}
.product-grid .name a:hover{ color:#FF9933;}

.product-grid .description{ margin-bottom:10px;text-align:left; display:none;}
.product-grid .description a{text-decoration:none; color:#777; }
.product-grid .description a:hover{ color:#FF9933;}
.product-grid .price {
	font-size:15px;
	display: block;
	color: #3DBCD4;;
	margin-bottom:8px;
}
.product-grid .price-old {
	color: #888;
	text-decoration: line-through;
}
.product-grid .price-new {
	color: #FF9933;
}
.product-grid .price .price-tax {
	display: none;
	color:#797979;
}
.product-grid #buttonrow {
     position: relative;  width:100%; padding-top:3px; padding-bottom:8px;
}

/*************************************Product-list******************************************/

.product-list .savemoney{ position: relative; display:inline-block; margin-left:10px;}
.product-list .left{ float:left; margin-right:30px;}
.product-list .right{}
.product-list .block{ 
     width:95%;	
	 display: inline-block; 
      position:relative;
	  overflow: visible;
	  padding:20px;
}
.product-list .image img {
	border:none;
}
.product-list .name a {
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
    font-size:15px;
	text-decoration: none;
	display: block;
	margin-bottom:8px;
}
.product-list .name a:hover{ color:#FF9933;}

.product-list .description{margin:20px 0;}
.product-list .description a{text-decoration:none; 
                            color:#777;
							
							}
.product-list .description a:hover{ color:#FF9933;}
.product-list .price {
	font-size:15px;
	display: block;
	color: #3DBCD4;
	margin-bottom:8px;
}
.product-list .price-old {
	color: #888;
	text-decoration: line-through;
}
.product-list .price-new {
	color: #FF9933;
}
.product-list .compare a, .product-list .wishlist a{ 
            width:auto; 
			line-height:30px; 
			padding-left:30px; 
			padding-right:10px;}			
.product-list .rating{ margin-bottom:10px;}
.product-list .price .price-tax {
	display: none;
	color:#797979;
}

Надіслати
Поділитися на інших сайтах


UPD2: Одновременно с исчезанием товаров, в боксе выбора подкатегории товара, содержимое бокса заменяется со списка подкатегорий на общий список разделов сайта. также появляются цифры количества товаров в категориях (их подсчет отключен)

Надіслати
Поділитися на інших сайтах


Адрес-то у сайта есть?

Опытным путем я установил, что проблема где-то в файле Jquery.Tipsy.js - при его отключении пропадает возможность выбора типа представления категории сетка/список, зато ничего не исчезает.

 

/**
  * Tipsy Facebook-style tooltip
  * Version: 0.1.7
  * Project Page:  http://onehackoranother.com/projects/jquery/tipsy/
  * Requirements:  jQuery
  * Usage Example: http://onehackoranother.com/projects/jquery/tipsy/#examples
  *
  * Author: Jason Frame
  * 
  * License: MIT License
  *
 **/ 
(function($) {
    $.fn.tipsy = function(options) {

        options = $.extend({}, $.fn.tipsy.defaults, options);
        
        return this.each(function() {
            
            var opts = $.fn.tipsy.elementOptions(this, options);
            
            $(this).hover(function() {

                $.data(this, 'cancel.tipsy', true);

                var tip = $.data(this, 'active.tipsy');
                if (!tip) {
                    tip = $('<div class="tipsy"><div class="tipsy-inner"/></div>');
                    tip.css({position: 'absolute', zIndex: 100000});
                    $.data(this, 'active.tipsy', tip);
                }

                if ($(this).attr('title') || typeof($(this).attr('original-title')) != 'string') {
                    $(this).attr('original-title', $(this).attr('title') || '').removeAttr('title');
                }

                var title;
                if (typeof opts.title == 'string') {
                    title = $(this).attr(opts.title == 'title' ? 'original-title' : opts.title);
                } else if (typeof opts.title == 'function') {
                    title = opts.title.call(this);
                }

                tip.find('.tipsy-inner')[opts.html ? 'html' : 'text'](title || opts.fallback);

                var pos = $.extend({}, $(this).offset(), {width: this.offsetWidth, height: this.offsetHeight});
                tip.get(0).className = 'tipsy'; // reset classname in case of dynamic gravity
                tip.remove().css({top: 0, left: 0, visibility: 'hidden', display: 'block'}).appendTo(document.body);
                var actualWidth = tip[0].offsetWidth, actualHeight = tip[0].offsetHeight;
                var gravity = (typeof opts.gravity == 'function') ? opts.gravity.call(this) : opts.gravity;

                switch (gravity.charAt(0)) {
                    case 'n':
                        tip.css({top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-north');
                        break;
                    case 's':
                        tip.css({top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2}).addClass('tipsy-south');
                        break;
                    case 'e':
                        tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth}).addClass('tipsy-east');
                        break;
                    case 'w':
                        tip.css({top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width}).addClass('tipsy-west');
                        break;
                }

                if (opts.fade) {
                    tip.css({opacity: 0, display: 'block', visibility: 'visible'}).animate({opacity: 0.8});
                } else {
                    tip.css({visibility: 'visible'});
                }

            }, function() {
                $.data(this, 'cancel.tipsy', false);
                var self = this;
                setTimeout(function() {
                    if ($.data(this, 'cancel.tipsy')) return;
                    var tip = $.data(self, 'active.tipsy');
                    if (opts.fade) {
                        tip.stop().fadeOut(function() { $(this).remove(); });
                    } else {
                        tip.remove();
                    }
                }, 100);

            });
            
        });
        
    };
    
    // Overwrite this method to provide options on a per-element basis.
    // For example, you could store the gravity in a 'tipsy-gravity' attribute:
    // return $.extend({}, options, {gravity: $(ele).attr('tipsy-gravity') || 'n' });
    // (remember - do not modify 'options' in place!)
    $.fn.tipsy.elementOptions = function(ele, options) {
        return $.metadata ? $.extend({}, options, $(ele).metadata()) : options;
    };
    
    $.fn.tipsy.defaults = {
        fade: false,
        fallback: '',
        gravity: 'n',
        html: false,
        title: 'title'
    };
    
    $.fn.tipsy.autoNS = function() {
        return $(this).offset().top > ($(document).scrollTop() + $(window).height() / 2) ? 's' : 'n';
    };
    
    $.fn.tipsy.autoWE = function() {
        return $(this).offset().left > ($(document).scrollLeft() + $(window).width() / 2) ? 'e' : 'w';
    };
    
})(jQuery);

Надіслати
Поділитися на інших сайтах


Створіть аккаунт або увійдіть для коментування

Ви повинні бути користувачем, щоб залишити коментар

Створити обліковий запис

Зареєструйтеся для отримання облікового запису. Це просто!

Зареєструвати аккаунт

Вхід

Уже зареєстровані? Увійдіть тут.

Вхід зараз
  • Зараз на сторінці   0 користувачів

    • Ні користувачів, які переглядиють цю сторінку
×
×
  • Створити...

Important Information

На нашому сайті використовуються файли cookie і відбувається обробка деяких персональних даних користувачів, щоб поліпшити користувальницький інтерфейс. Щоб дізнатися для чого і які персональні дані ми обробляємо перейдіть за посиланням . Якщо Ви натиснете «Я даю згоду», це означає, що Ви розумієте і приймаєте всі умови, зазначені в цьому Повідомленні про конфіденційність.