WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Bakery Shop => Topic started by: zirzy on August 19, 2016, 12:47:22 PM

Title: Bakery drag and drop not working
Post by: zirzy on August 19, 2016, 12:47:22 PM
Hi,

I just upgraded my shop from 159 wb 283 to latest (178 wb SP7) and I have a problem with sorting items with drag and drop.. A few monts ago I did the same (but with wb 283 SP6) with some other shop and drag and drop is working correct. Can someone help me to fix this? There wes no errors on the upgrade logs.

Title: Re: Bakery drag and drop not working
Post by: Gast on August 19, 2016, 01:04:21 PM
Drag&Drop is javascript and sends no errors to a php-error-log
Use browserTools like Firebug or F12 in your Browser, to see more details.

Drag&Drop works for my without problems in the latest bakery-version 1.78 and WB-SP7-Version under PHP 7.0.9, be sure, that you use also the latest backend.css and backend_body.js, there is the definition of the drag&drop-handling

do you habe the drag-fields on every row like my picture here? (cursor is removed by the screenshooter)

(https://i.gyazo.com/3c65cecff4073a523487015cd7634f2c.png)
Title: Re: Bakery drag and drop not working
Post by: zirzy on August 19, 2016, 06:53:36 PM
No they're not like in your picture. Arrows are totally missing. This other shop what I updated earlier is workin correct.. Is those .js and .css files normally included in upgrade?

Incase you wanna see the site:
http://www.tooltek.net/pages/fi/kauppa.php

Title: Re: Bakery drag and drop not working
Post by: Gast on August 19, 2016, 07:29:30 PM
Quote
No they're not like in your picture. Arrows are totally missing. This other shop what I updated earlier is workin correct.. Is those .js and .css files normally included in upgrade?

bakery sortable use the core function in WB-Core, this file here -> include/jquery/jquery-ui-min.js
it was loading via Jquery in the file modules/bakery/backend_body.js
Check, that you have this file on your server in exact this location, otherwhise, the overview show only grey field without a drag-function

This JS- File set at first a new CSS-Class dragdrop_handle to the bakery Item Overview Table ( the arrows on the left and right end from every row- see my first pic in last posting)
this background-picture come's from the backend.css, its defined in the middle of this file, search there for dragdrop, like table.mod_bakery_dragndrop_b .dragdrop_handle
if you dont have a class like this there, you need the last backend.css, maybe not copied to the server

if you use the firefox-addon firebug, you can see the loaded files there
Go into your bakery item-overview in backend, Start Firebug - go to Network, there to Javascript, it shows a empty  area, now reload the page and it shows all loaded JS-Files like this
(https://i.gyazo.com/750aa0ee6970819e6eba1b03aa1680d5.png)

its no problem, if you upload all files from the unzipped bakery package to the server again into the folder modules/bakery
maybe something goes wrong the first time

P.S.: WB use the same function to sort the pages with drag&drop in pages-overview or in section administration like this here
(https://i.gyazo.com/97e0ba0cc840128fdd1114be937bb755.png)


Another P.S.:  if you dont use the Backend-Theme DefaultTheme, please change to this Theme in WB-Settings and try again
Title: Re: Bakery drag and drop not working
Post by: zirzy on August 22, 2016, 10:14:10 AM
Hi, thanks for really detailed answer! I checked the problem from firebug and there I saw the backend_body.js file. Then I went again in to the backend and everything is like it should be  :-D So I call this my bad! Maybe the problem was in the cache.. Maybe I didn't clear the cache like I thought I did..  :-o
Title: Re: Bakery drag and drop not working
Post by: Gast on August 22, 2016, 01:42:30 PM
thx for replay & good to know  (Y)