exposeclothing

Hello fellow prestashoppers, Im looking for advice on where i can change the colour of the image resize background. I understand prestashop automatically resizes images to the sizes specified in the backoffice, and will regenerate the images to this size, often within a white box. Like many others iv read in threads prior, i understand i COULD use PNG images so i can prevent the white box from appearing, but i wish to stick to Jpg due to file size (and other reasons)... As most of my images are various sizes, it seems time consuming to add each dimension to the image settings in the back office. I also would like it to change on the category thumbnails aswell. I see one person managed to change the "white background" by editing the css file for their selected theme, in the livethemeconfigurator files. I however have turned this module off, as i dont need it. Previous Prestashop version 1.5 i was able to find a module which allowed uses to customize the colour used to re-generate the images, and it worked great, however sadly it doesnt work on 1.6+ Have their been any new techniques come available since 1.6 came out, in regards to - product image background, - category thumbnail background (or image resizer background) Cheers

Do you mean the navbar which (when using the default theme) has the user info, contact, currency conversion block etc? (between the logo and store very top banner) if so you can do most of it in the back office - transplant blockcart to "displaynav" ... it may show more towards the left, and although im certainly NO EXPERT at all with prestashop and each time i update i have to re-do my store so its up to you whether you want to do the next part, and on my theme i have the "sign in, contact us" etc removed so it may show different on yours but it might give you a place to look... blockcart.TPL in your theme folder the first section you will see <!-- MODULE Block cart --> {if isset($blockcart_top) && $blockcart_top} <div class="clearfix col-md-4 {if $PS_CATALOG_MODE} header_user_catalog{/if}"> {/if} <div class="shopping_cart"> Ii removed the col-md-4 code and the cart went straight over to the right. Sorry i cant be of more help

hey, im also trying to move the cart block into the horizontal nav menu (the superfish menu). Iv followed this tutorial 6 times now, making sure i had each step correct, the right files etc the last 2 times i deleted my whole prestashop and database, and did a complete new install with a brand new database and fresh install, followed the tutorial checking each stage twice, and when following the tutorial, it will leave me with a completely blank page (after editing blockcart.php). The block cart transplants into the new hook created, but no cart will show up. The only reason i can figure it isnt working for me is due to using prestashaop 1.6.1.4 ? After the tutorial i got fed up of re-installing, tried moving modules in hooks, and managed to get a cart above the menu, a cart in the very top menu, and a cart below the menu but nothing inside the menu So then like you i started looking into the .js files for answers (as thats where my "inspect tool" leads me... and no luck. Did you have success?

Hi prestafolk, Iv been trying out the new 1.6.3 store on a local server and trying to modify some of the template to match my current store in the hopes of upgrading, my main focus being changing the default product grid list to contain more than 3 columns. I managed to do it in 1.6 (bootstrap theme)without issues by following the various tutorials online, and advise from these forums, however attempting to do the same with 1.6.3, iv tried 5 times, following the step by step intructions, cleared the cache and still no change. Iv got a new computer aswell which im trying out some of the chrome extensions, i must admit, firebug was always a favourite, but it cant seem to pin point where this change isnt processing. I want to make sure that there are 4 columns for all products, whether its on the home page, specials, categories etc what iv done: accessed the theme directory, and edited "product-list.tpl" file <li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-4 col-md-3{else} col-xs-12 col-sm-6 col-md-4{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if}{if IM far from a maths wizz, infact i struggle with anything number related and found the docummentation for the explanation of "bootstraps grid system" way to complicated, so i just wanted to know, how can i acheive 4 products per row, and from what i read, its changing the 4 to a 3, did this for just the col-md-4, and as a last resort changed them all (except the intial 12 column) to 3 - like this <li class="ajax_block_product{if $page_name == 'index' || $page_name == 'product'} col-xs-12 col-sm-3 col-md-3{else} col-xs-12 col-sm-3 col-md-3{/if}{if $smarty.foreach.products.iteration%$nbItemsPerLine == 0} last-in-line{elseif $smarty.foreach.products.iteration%$nbItemsPerLine == 1} first-in-line{/if}{if then i adjusted the "number per lines" at the top of the product-list.tpl {*define numbers of product per line in other page for desktop*} {if $page_name !='index' && $page_name !='product'} {assign var='nbItemsPerLine' value=4} {assign var='nbItemsPerLineTablet' value=4} {assign var='nbItemsPerLineMobile' value=4} {else} {assign var='nbItemsPerLine' value=4} {assign var='nbItemsPerLineTablet' value=4} {assign var='nbItemsPerLineMobile' value=4} {/if} then i accessed the js file within the theme, selected global and followed the comments left on a blog that said to only edit the "4" and leave the rest unchanged, so i changed the "4" to "3" as shown below, Cleared cache, refreshed...nothings changed if (view == 'list') { $('ul.product_list').removeClass('grid').addClass('list row'); $('.product_list > li').removeClass('col-xs-12 col-sm-6 col-md-3').addClass('col-xs-12'); $('.product_list > li').each(function(index, element) { html = ''; html = '<div class="product-container"><div class="row">'; html += '<div class="left-block col-xs-12 col-xs-6 col-md-3">' + $(element).find('.left-block').html() + '</div>'; html += '<div class="center-block col-xs-12 col-xs-6 col-md-3">'; when i inspect the element of the grid display, it still says <li class="ajax_block_product col-xs-12 col-sm-6 col-md-4 first-in-line first-item-of-tablet-line first-item-of-mobile-line" style="height: auto; margin- Im not sure where its getting this line from, since i checked the file and it remains changed. Is it because im using a laptop with a touch screen? Can anyone verify that the tutorial written here - http://blog.belvg.com/how-to-change-default-grid-in-prestashop-1-6.html works for prestashop 1.6.3 theme? thank you

i have the same error...i stopped using my store due to personal circumstances and have just re-activated the domain, the backoffice still appears the same, im able to view my products etc but soon as i try to view modules i get Fatal error: Uncaught --> Smarty: unable to write file /home/exposecl/public_html/cache/smarty/compile/e9/3d/af/wrt566a5931937d32_75098907 <-- thrown in /home/exposecl/public_html/tools/smarty/sysplugins/smarty_internal_write_file.php on line 46 did anyone manage to figure the resolution out? Cheers

i was up until late last night playing with the images - i enlarged them, saved them as PNG then set the preferences to "use PNG is base image is PNG" and it looks as though it has done the trick now that i have had a look this morning. My Host provider is rather slow, so i dont think i see the changes until about 30min after i make them, despite clearing the cache etc. Im concered that using such large images in PNG could cause my website to have loading issues due to the size. What image file size would you reccomend is best to upload? should i try keep it under 200kb ?

Also i noticed in the back office the image is set to 400 x 400 px when i right click on the image and go to "view image info" it says 400 x 400px (scaled to 510 x 510px)

http://www.exposeclothing.com.au/index.php?id_product=2&controller=product

I hadnt looked at my store for some time, i have been pre-occupied with other things. Anyway after looking at my store, i noticed the product images are blurry, and some have been randomly stretched. I havent touched any settings with my store, and im unsure which modules automatically updated, but the point is something has happened to my images and has made them Blurry. Iv been searching through these forums and i see a previous post i made, i was given instructions on how to over-ride prestashops image resizer, however for 300+ products, i dont want to have to override manually. im really confused when it comes to image sizes - as i like to use CM / Inches to determine image size, and i assumed px was the amount of pixels in the image, which there-for would mean px means quality? But yet in prestashop px by px is a size? I tried to resize my images in photoshop to 400 x 400 px and it made the image TINY... surely thats not what im required to do? At the moment the image is displayed yet it is very blurry, then when i click to enlarge the image, i see the image, its smaller than the image on the product page, but the quality is better. I know how i can add image sizes in the back office, but what should my uploaded image size be? i edited one of the photos and made it 23cm x 35cm resolution is 80,000 px per cm px size 1140 x 1723 Uploaded file size 256kb but its still blurry on the product page.... surely i dont have to make it larger otherwise i will use up to much space... I also saved the file as PNG and uploaded it again, and its still blurry If someone could give me a good base image size, that i can use as a template, which wont look blurry, and can enlargen in thickbox that would be great.

so all i had to do was remove the "!important" after my images and they started to show up? Im guessing the !important line SHOULD be there, as i followed a tutorial from Vekia, and noticed he had !important after the images...so im guessing its required. are you, or possibly Vekia able to tell me what the "!important" comment does when placed after an image, and why would that one comment make an image turn into a question mark when its added, and image returns when its removed?

Cheers DrunkBug. Usually i post an issue on here, and within an hour of posting it, i tend to figure out the answer on my own, however this one has me beat. Iv tried *uninstalling, and re-installing the module *enabling "move javascript to end" *i tested your solution to see if changing the 1 to 5 (as suggested in the thread you posted (didnt work for me either despite it working on the live editor *i tried the last solution on the page (Advanced - performance - minify java turned OFF) .. -Then the background behind the homeslider showed ? instead of the background.... *i uninstalled the search box, tested the site, no fix, so re-installed search box (had to update it) refreshed cache etc STILL NO FIX arrrhhhh LMAO but there is light at the end of the tunnel AS i installed this free module (sliders everywhere) and it works perfectly, sliding away, full width of the area etc. Think i might stick with that one...(just hope it doesnt alter any other parts of the store lol) \

Hey BudgetChic i have figured it out....well im not a proffessional coder or anything, but i did find an option which works great for me, and so far theres no issues with the solution. in your themes folder (mine was defaultbootstrap) you will see a file named product-list-colors.tpl i just commented out the text by using {* text to be commented out here *} i have changed the colours to red to show what i did. <ul class="color_to_pick_list clearfix"> {*{foreach from=$colors_list item='color'} {assign var='img_color_exists' value=file_exists($col_img_dir|cat:$color.id_attribute|cat:'.jpg')} <li> <a href="{$link->getProductLink($color.id_product, null, null, null, null, null, $color.id_product_attribute)|escape:'html':'UTF-8'}" id="color_{$color.id_product_attribute|intval}" class="color_pick"{if !$img_color_exists && isset($color.color) && $color.color} style="background:{$color.color};"{/if}> {if $img_color_exists} <img src="{$img_col_dir}{$color.id_attribute|intval}.jpg" alt="{$color.name|escape:'html':'UTF-8'}" title="{$color.name|escape:'html':'UTF-8'}" width="20" height="20" /> {/if} </a> </li> {/foreach} *} Now on the product listing page / catalogue page, it hides the colour icons/attributes, but they are still available on the product page

i also would like to know how to hide the product attributes, but in the product list, where all the products are dsplayed, but still have them visible on the product page itself

Can someone please tell me how i can make the product attributes appear next to one - another, instead of stacked (list style) - tried changing width of columns, adding padding, margining and nothing seems to be working.

Found an easier and cleaner way to move the add to cart into the description In the themes/defaultbootstrap/PRODUCT.TPL save a copy to your desktop incase an error is made. you can see in this file there are lines which say <!-- the seperate areas of the layout --> (in light grey if using dreamweaver) you should see a few lines around line 239 which says </div> <!-- end center infos--> <!-- pb-right-column--> if like me you also want to move the "add to wishlist", the attributes, add to cart, payment logo (and anything else thats generally in that block) -dont select the <div class="pb-right-column col-xs-12 col-sm-4 col-md-3"> but select the line underneath where i have highlighted in red <!-- pb-right-column--> <div class="pb-right-column col-xs-12 col-sm-4 col-md-3"> {if ($product->show_price && !isset($restricted_country_mode)) || isset($groups) || $product->reference || (isset($HOOK_PRODUCT_ACTIONS) && $HOOK_PRODUCT_ACTIONS)} <!-- add to cart form--> <form id="buy_block"{if $PS_CATALOG_MODE...... Continue to select all the text until you reach </div> <!-- end box-cart-bottom --> around line 386 (include this line in the selected text) Once you have selected your text, cut the coding and paste it just before you see (Paste your cut coding here) </div> <!-- end center infos--> <!-- pb-right-column--> and save the file to server, clear cache and you should see your add to cart block in the product description