View Single Post
Old 08-07-2019, 12:13 AM
Rowan Henseleit1's Avatar
Rowan Henseleit1 Rowan Henseleit1 is offline
Junior Member
Join Date: Aug 2019
Posts: 5
Default Shopping Cart Widget


I am looking to have a custom shopping cart widget using an image I have made. I would prefer to do this using the simple method you have already provided with the

HTML Code:
css code however my site has custom JS meaning this needs to be able to be dragged and not have a 'ghost image' which is normally fixed by putting

draggable="false" in the <img> holder.

My JavaScript can be found here

HTML Code:
<script type="text/javascript">

	function dragElement(elmnt) {
	  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
	  if (document.getElementById( + "drag")) {
	    /* if present, the header is where you move the DIV from:*/
	    document.getElementById( + "drag").onmousedown = dragMouseDown;
	  } else {
	    /* otherwise, move the DIV from anywhere inside the DIV:*/
	    elmnt.onmousedown = dragMouseDown;

	  function dragMouseDown(e) {
	    e = e || window.event;
	    // get the mouse cursor position at startup:
	    pos3 = e.clientX;
	    pos4 = e.clientY;
	    document.onmouseup = closeDragElement;
	    // call a function whenever the cursor moves:
	    document.onmousemove = elementDrag;

	  function elementDrag(e) {
	    e = e || window.event;
	    // calculate the new cursor position:
	    pos1 = pos3 - e.clientX;
	    pos2 = pos4 - e.clientY;
	    pos3 = e.clientX;
	    pos4 = e.clientY;
	    // set the element's new position: = (elmnt.offsetTop - pos2) + "px"; = (elmnt.offsetLeft - pos1) + "px";

	  function closeDragElement() {
	    /* stop moving when mouse button is released:*/
	    document.onmouseup = null;
	    document.onmousemove = null;
I have tried using developer tools to get appropriate class names and also searched for people trying to do similar things but none of the fixes work for me.

I would also like to know how to remove the item number counter which comes up on the widget when an item is added to the bag.