jonmig Posted December 14, 2013 Share Posted December 14, 2013 hi Guys After removing the right column in my 2 column template and then replacing this with a left column and also extending the centre column (non default Prestashop template theme) I have found that the following modules no longer show up in the left column even though I have attached them to the left column hooks ? SPECIALS VIEWED PRODUCTS TOP SELLERS ,also how do I adjust the spacing between my images in the FEATURED PRODUCTS module on the homepage (editing non default CSS GLOBAL script) I just can't seem to distance/pad them apart from each other to achieve a 3 image line as they are all bunched up on the page ,please can anybody help me further .. url: www.handprint-tshirts.co.uk kind regards Mike Link to comment Share on other sites More sharing options...
vekia Posted December 14, 2013 Share Posted December 14, 2013 hello your modules: SPECIALS VIEWED PRODUCTS TOP SELLERS are they attached to leftcolumn hook? and regarding to the spacing, you're interested in vertical or horizontal spacing? 1 Link to comment Share on other sites More sharing options...
jonmig Posted December 14, 2013 Author Share Posted December 14, 2013 hi Thank you for your quick response yes all three modules are attached to the left column hooks (as attached pic) I would like to have the pics 3 inline horizontally spaced please.. Link to comment Share on other sites More sharing options...
vekia Posted December 14, 2013 Share Posted December 14, 2013 strange, can you press "reset" button near these modules on modules list under modules > modules tab? what's goin on then? 1 Link to comment Share on other sites More sharing options...
jonmig Posted December 17, 2013 Author Share Posted December 17, 2013 (edited) hi so sorry for the late reply I was watching my mailbox not the forum Yes I have reset the three modules now and when I click the link in the bottom cms block the SPECIALS comes back with there are no price drops and the TOP SELLERS there are no new products but the modules don't actually show up , however the VIEWED PRODUCTS block does show one single pic at the moment and the module is visible in the left column ,maybe the shop needs to have more activity before these modules become visible ? Mike Edited December 17, 2013 by jonmig (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted December 17, 2013 Share Posted December 17, 2013 if there is no best sellers and prices drop, these modules will not appear. in php code you can see: if ($best_sellers === false) return; in basic words it means: if there is no best sellers - don't display block (return nothing), the same with new products block 1 Link to comment Share on other sites More sharing options...
jonmig Posted December 17, 2013 Author Share Posted December 17, 2013 hi Vekia (Milosz) Thank you now that explains everything (I thought that the module would show even if it was empty) with regards to the padding question. I have attached the global file just in-case you can point me to the horizontal adjustment that I need ,I have been trying all the lines of code but I just can't find the one that separates the pics horizontally when trying to line 3 pics together ... Cheers Mike Link to comment Share on other sites More sharing options...
vekia Posted December 17, 2013 Share Posted December 17, 2013 for the first, if i Were you i will decrease size of image to 174px width: 174px; margin: 1px!important; use it here: #featured_products ul li img.vky { display: block; width: 174px; margin: 1px!important; } global.css line 750 then increase margin-right param to 62px in: #featured_products ul li { text-align: center; margin-bottom: 10px!important; float: left; width: 180px; margin-right: 62px; position: relative; background: url(../img/prod-bg.png) no-repeat 0 0; height: 314px; } global.css line 746 effect: 1 Link to comment Share on other sites More sharing options...
jonmig Posted December 17, 2013 Author Share Posted December 17, 2013 (edited) hi fantastic Thank you I changed code in line 746 increase right margin ,but I'm not sure about line 750 it just shows the following text #featured_products ul li img.vky{ display:block } Edited December 17, 2013 by jonmig (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted December 18, 2013 Share Posted December 18, 2013 add there: width: 174px; margin: 1px!important; something like that: #featured_products ul li img.vky{ display:block; width: 174px; margin: 1px!important; } 1 Link to comment Share on other sites More sharing options...
jonmig Posted December 18, 2013 Author Share Posted December 18, 2013 (edited) 'WOW' this code really confuses me I think I need to go on a html course lol Thank you M I've got it now I understand its worked perfectly!!! please could you tell me finally how I can space the 3 images horizontally away from the left column slightly to the right (without widening the left column) and then I will be sorted Edited December 18, 2013 by jonmig (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted December 18, 2013 Share Posted December 18, 2013 you mean something like that: ? 1 Link to comment Share on other sites More sharing options...
jonmig Posted December 19, 2013 Author Share Posted December 19, 2013 Yes please M ,that would be perfect ,if its not possible to get it to the edge even just a few spaces to the right would be enough Thank you so much Link to comment Share on other sites More sharing options...
vekia Posted December 19, 2013 Share Posted December 19, 2013 global.css line 743 add margin-left:280px; in: #featured_products { overflow: hidden; width: 70%; padding: 0 0 0px; margin-left: 280px; } 1 Link to comment Share on other sites More sharing options...
jonmig Posted December 19, 2013 Author Share Posted December 19, 2013 (edited) Wahaaaaay it looks perfect now Thank you so much for all your help again ,your a true gentleman Milos and a credit to Prestashop ! Have a Fantastic Xmas Mike Edited December 19, 2013 by jonmig (see edit history) Link to comment Share on other sites More sharing options...
vekia Posted December 19, 2013 Share Posted December 19, 2013 you're welcome glad to hear that i could help you a little i marked whole topic as [solved] with regards, Milos 1 Link to comment Share on other sites More sharing options...
jonmig Posted December 28, 2013 Author Share Posted December 28, 2013 hi Milos Sorry to come back to this topic however I still have a little problem with my responsive store template, when I view the mobile version on a smart phone only half of the image and text is showing ,please could you point me to the line of code that can correct this kind regards Mike Link to comment Share on other sites More sharing options...
vekia Posted December 28, 2013 Share Posted December 28, 2013 it's related to portrait or landscape view? im asking because i cant reproduce issue :/ Link to comment Share on other sites More sharing options...
Recommended Posts