Steve

I already solved it by using this PS guide: https://ourcodeworld.com/articles/read/321/how-to-install-and-setup-prestashop-using-xampp-in-windows Please mark as solved!

Title. I'm using windows 10 and I'd like to install TB version 1.0.7. Could I also use a PS guide for this? Thanks!

Will take a look @lesley . Thanks!

Hey, How difficult is it to customize/make a custom theme? (with knowledge of HTML/CSS and a little PHP). And does using the layout from the default theme vs making my own layout make a difference? Thanks!

The file 'scenes.js' doesn't have any code in it, how can I get the original code for that file back? Edit: found scenes.js in at 'source' in my browser. Still don't know what causes the error though. ``` zoneCurrent = 0; selectionCurrent = null; valueOfZoneEdited = null; // Last item is used to save the current zone and // allow to replace it if user cancel the editing lastEditedItem = null; /* functions called by cropping events */ function showZone() { $('#largesceneimage').imgAreaSelect({ show: true }); } function hideAutocompleteBox() { $('#ajaxchooseproduct') .fadeOut('fast') .find('#productautocompleteinput').val(''); } function onSelectEnd(img, selection) { selectionCurrent = selection; showAutocompleteBox(selection.x1, selection.y1 + selection.height); } function undoEdit() { hideAutocompleteBox(); $('#largesceneimage').imgAreaSelect({ hide: true }); $(document).unbind('keydown'); } /* ** Pointer function do handle event by key released */ function handlePressedKey(keyNumber, fct) { // KeyDown isn't handled correctly in editing mode $(document).keyup(function (event) { if (event.keyCode === keyNumber) { fct(); } }); } function showAutocompleteBox(x1, y1) { $('#ajaxchooseproduct:hidden') .slideDown('fast'); $('#productautocompleteinput').focus(); handlePressedKey('27', undoEdit); } function editThisZone(aInFixedZoneElement) { var $fixedZoneElement = $(aInFixedZoneElement).parent(); var x1 = $fixedZoneElement.css('margin-left'); x1 = x1.substring(0, x1.indexOf('px')); x1 = parseInt(x1, 10) - parseInt($('#largesceneimage').css('margin-left').replace('px', ''), 10); var y1 = $fixedZoneElement.css('margin-top'); y1 = y1.substring(0, y1.indexOf('px')); y1 = parseInt(y1, 10) - parseInt($('#largesceneimage').css('margin-top').replace('px', ''), 10); var width = $fixedZoneElement.css('width'); width = width.substring(0, width.indexOf('px')); var x2 = x1 + parseInt(width, 10); var height = $fixedZoneElement.css('height'); height = height.substring(0, height.indexOf('px')); var y2 = y1 + parseInt(height, 10); window.valueOfZoneEdited = $fixedZoneElement.find('a').attr('rel'); window.selectionCurrent = []; window.selectionCurrent['x1'] = x1; window.selectionCurrent['y1'] = y1; window.selectionCurrent['width'] = width; window.selectionCurrent['height'] = height; // Save the last zone window.lastEditedItem = $fixedZoneElement; $('#productautocompleteinput').val($fixedZoneElement.find('p').text()); showAutocompleteBox(x1, y1 + parseInt(height, 10)); $('#largesceneimage').imgAreaSelect({ x1: x1, y1: y1, x2: x2, y2: y2 }); } /* function called by cropping process (buttons clicks) */ function deleteProduct(indexZone) { $('#visualzone' + indexZone).fadeOut('fast', function () { $(this).remove(); }); return false; } function afterTextInserted(event, data, formatted) { if (typeof data === 'undefined') { return false; } // If the element exist, then the user confirm the editing // The variable need to be reinitialized to null for the next if (typeof window.lastEditedItem !== 'undefined') { window.lastEditedItem.remove(); //line 131 } window.lastEditedItem = null; window.zoneCurrent += 1; var idProduct = data[1]; var nameProduct = data[0]; var x1 = parseInt($('#largesceneimage').css('margin-left').replace('px', ''), 10) + parseInt(window.selectionCurrent.x1); var y1 = parseInt($('#largesceneimage').css('margin-top').replace('px', ''), 10) + parseInt(window.selectionCurrent.y1); var width = window.selectionCurrent.width; var height = window.selectionCurrent.height; addProduct(window.zoneCurrent, x1, y1, width, height, idProduct, nameProduct); } function addProduct(zoneIndex, x1, y1, width, height, idProduct, nameProduct) { $('#largesceneimage') .imgAreaSelect({ hide: true }) .before('\ \ \ \ \ \ \ ' + nameProduct + ' \ \ \ \ \ \ \ \ '); $('.fixedzone').css('opacity', '0.8'); $('#savescene').fadeIn('slow'); $('#ajaxchooseproduct:visible') .fadeOut('slow') .find('#productautocompleteinput').val(''); } $(window).load(function () { /* function autocomplete */ $('#product_autocomplete_input') .autocomplete('ajax_products_list.php', { minChars: 1, autoFill: true, max: 20, matchContains: true, mustMatch: true, scroll: false }) .result(afterTextInserted); $('#largesceneimage').imgAreaSelect({ borderWidth: 1, onSelectEnd: onSelectEnd, onSelectStart: showZone, onSelectChange: hideAutocompleteBox, minHeight: 30, minWidth: 30 }); /* load existing products zone */ for (var i = 0; i < window.startingData.length; i += 1) { addProduct(i, window.startingData[i][2] + parseInt($('#large_scene_image').css('margin-left').replace('px', ''), 10), window.startingData[i][3] + parseInt($('#large_scene_image').css('margin-top').replace('px', ''), 10), window.startingData[i][4], window.startingData[i][5], window.startingData[i][1], window.startingData[i][0]); } window.zoneCurrent = window.startingData.length; if (window.startingData.length) { $('#save_scene').show(); } }); ```

That did it, thank you very much! One more question, how can I change this topic to solved?

As you can see here: Image Deleted When you hover around the black dots, you can already click on the logo and go back to the home page. I'd like to have it like this: Image Deleted So that you HAVE to hover over the logo to click the link. Thanks!

Hey, I'd like to reduce the area of the link from my logo, how can I achieve that? I already changed the size of the logo in global.css. This is the code that I changed for the logo size: .img-responsive { display: block; max-width: 100%; height: auto; width: 150px; } The rest of global.css is just the default code. Thanks!

Does anyone still have an idea about why it could not be working? Thanks!

I get this error in the console when I'm trying to select a product in the dropdown menu of the image mapper: ``` scenes.js:131 Uncaught TypeError: Cannot read property 'remove' of null at HTMLInputElement.afterTextInserted (scenes.js:131) at HTMLInputElement.dispatch (jquery-1.11.0.min.js:3) at HTMLInputElement.r.handle (jquery-1.11.0.min.js:3) at Object.trigger (jquery-1.11.0.min.js:3) at Object.e.event.trigger (jquery-migrate-1.2.1.min.js:2) at HTMLInputElement. (jquery-1.11.0.min.js:3) at Function.each (jquery-1.11.0.min.js:2) at e.fn.init.each (jquery-1.11.0.min.js:2) at e.fn.init.trigger (jquery-1.11.0.min.js:3) at selectCurrent (jquery.autocomplete.js:219) at HTMLUListElement. (jquery.autocomplete.js:581) at HTMLUListElement.dispatch (jquery-1.11.0.min.js:3) at HTMLUListElement.r.handle (jquery-1.11.0.min.js:3) ``` I have no idea if it matters but I'm posting it just in case. Edit: And I get this error when I'm on the page itself: ```VM11366:1 Uncaught ReferenceError: doUpdate is not defined at _46 (eval at (jquery.imgareaselect.js:1), :1:5924) at dispatch (jquery-1.11.0.min.js:3) at r.handle (jquery-1.11.0.min.js:3)

@arek_karnia Looks interesting, will keep it in mind, thanks!

@lesley Alright I've added the code to scenes.tpl and category.tpl. I can see Image Mapper under catalog now. I'm using it now but it doesn't seem to actually save what I want to map, while it says it does save? Did I do something wrong with adding code?

@traumflug I had no idea how to put it aside? (where is the console that I can use?). That's why I just deleted the folder, is that bad? Atleast it's working now again, thanks!

I get this error when I'm trying to go to 'Modules and Services'. I got this after this thread though: https://forum.thirtybees.com/topic/2140/bad-or-missing-configuration-file-when-installing-a-prestashop-theme/13. When I fixed the problem in that thread, I installed a bunch of themes, and that's when I got this error. So after I installed those themes, and I got this error I just deleted that database and uploaded my backup from before uploading those themes, but the error is still here. Does anyone know how I can fix this? I already tried adding code from this thread: https://www.prestashop.com/forums/topic/497780-fatal-error-on-saving-theme/ but with no luck.

Yup it's working now! I unzipped the whole package, there was a folder named 'themeinstaller' and in that folder there was another zip that I uploaded and works. Thanks guys!

Well I just tried 4 other themes: 2 of them gave the same error: 'Bad or missing configuration file'. https://www.templatemonster.com/free-templates/fashion-store-prestashop-theme-51683.html https://www.templatemonster.com/free-templates/responsive-car-audio-prestashop-theme-51230.html The other 2 just didn't upload. Once I clicked 'Add file' I got a 'this site can’t be reached' error. Those 2 are quite big though (>500MB), maybe that's what gave the error? https://www.templatemonster.com/free-templates/responsive-fashion-store-prestashop-theme-54008.html https://www.templatemonster.com/free-templates/responsive-book-store-prestashop-theme-54824.html Maybe the problem is on my end? Or does it maybe have to do that these are free themes?

@traumflug I think it's not worth the effort. Thank you very much for your time and help!

I don't really need to design anything, that module is mainly for designing right? Please correct me if I'm wrong.

Alright, thanks for your help!

If I understand your idea - you need your designs to be with the shape of some car panel, let's say fender, then on top of this shape the customer can add custom design so you can print the foil and send it out? In the case I propose you have to split your catalog in brands, then models, then car parts and for each of them you can add different attributes with dropdown menu which can change the design in the product page (in each combo you can have different color, different design, etc). I want this: A client of the company that I work for has damage on their car with their brand sticker(s) on it. They come to my website to order new stickers. I would be very convenient if the user could select the car they drive, select the part of the car where they want that sticker, go to the checkout and done. So no design or anything, just a color that comes up once you hover over the part of the car (to make it clearer). Click on the part of the car, and checkout (or shopping cart). The guys here know what design it has, they just want to know what and where, to make it more automated. Sorry if I didn't explain it well enough earlier! Be sure to ask more if it's still not clear haha.

I would invest time in the only possible workaround - divide your shop in categories based on brand, model, then part where the sticker should go and making different products for each one... So do you mean that I would have to scrap the idea of using hovering images completely, or categorize all products to make it easier?

That will enable the scenes from the backend. Okay I added the scene like that doc page said. Then you will need to add the relevant code to your theme. You will need to make your theme has this reference, Where can I add code to my theme? Do I need to do this at the 'Custom Code' page? I have the default theme in case that matters. Thanks!

@lesley Sorry for the dumb question but should I look at GitHub for that? Thanks!

Looks great, thanks!

@traumflug Sent! Feel free to message me if you get any problems with downloading the file(s). Thanks!