Fórum OpenCart Brasil

Por um e-commerce livre, confiável e profissional

Suporte geral sobre problemas técnicos para OpenCart v1.x.
Por spencer
#15461
Boa tarde a todos da OpenCart Brasil, estou com um script de Drag and Drop, para pegar o produto e arrastar para o carrinho feito em jquery, mas estou com um pequeno problema, tenho os meus produtos em Latest por exemplo, se eu quiser arrastar para o carrinho é facil, mas o problema é que se eu simplismente quero entrar no produto para ver suas descrições etc, tenho que dar 2 cliques no produto.

Eu queria que o script só funcionasse se clicasse e arrastasse, mas o script ta entrando em andamento somente de clicar, assim tenho que dar 2 clicks para entrar no produto.

Meu script com problemas :
Código: Selecionar todos
<script type="text/javascript">
			
			var sDrag = 'Coloque o produto aqui';
			var sDrop = 'Solte agora';
			
			$hideTooltip = function() {
				var obj = $('#dragTooltip');
				obj.fadeTo('slow', 0);
				obj.hide();
			}
			
			$showTooltip = function() {
				var obj = $('#dragTooltip');
				var pos = $("#cart").offset();
				var height = ($("#cart").height() + 12);
				$("#dragTooltip").css({ 
					'left': pos.left + 'px',
					'top': (pos.top + height) + 'px' 
				});
				obj.text(sDrag);
				obj.show();
				obj.fadeTo('slow', 0.6);
			}
			
			$.initDrag = function() {
				$('.dragToCart').draggable({  
					revert:true,  
					proxy:'clone',
					onStartDrag:function() {
						$showTooltip();
						$(this).draggable('options').cursor = 'not-allowed';  
						$(this).draggable('proxy').css('z-index',999);  
						$(this).draggable('proxy').css('opacity','0.6');
					},  
					onStopDrag:function() {  
						$(this).draggable('options').cursor='move';
						$('#dragTooltip').fadeOut('slow');
					}  
				});
				
				$('#cart').droppable({  
					onDragEnter:function(e,source) {
						$('#dragTooltip').text(sDrop);
						$(source).draggable('options').cursor='auto';  
					},  
					onDragLeave:function(e,source) {
						$('#dragTooltip').text(sDrag);
						$(source).draggable('options').cursor='not-allowed';  
					},  
					onDrop:function(e,source) {
						addToCart(source.name);					
					}  
				});
			}
			$.initDrag();
			</script>