huntleybill Posted October 24, 2016 Share Posted October 24, 2016 I would like to make the logo transparent so you see the water and not a white box! I have created several logos in Word, Gimp, online, and others. I have configured ALL of then to have a transparent background but when I upload them for the site logo, they always have a white background. I was hoping to get white letters with the water in the background. I have tried making the logo in jpeg, gif, and png with no success. Any advice would be appreciated. Thank you https://www.billrauscheroutboards.com/ Link to comment Share on other sites More sharing options...
rocky Posted October 24, 2016 Share Posted October 24, 2016 PrestaShop doesn't support transparent logos, so you'll need to modify header.tpl to do it. Change line 107 (in PrestaShop v1.6.1.7) of themes/<your_theme>/header.tpl from: <img class="logo img-responsive" src="{$logo_url}" alt="{$shop_name|escape:'html':'UTF-8'}"{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/> to: <img class="logo img-responsive" src="{*{$logo_url}*}{$img_ps_dir}logo.png" alt="{$shop_name|escape:'html':'UTF-8'}"{*{if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}*}/> You can then save your transparent PNG to img/logo.png on your server. It's also a good idea to add width= and height= values in the above code to match the size of your image, though it should still work without them. Link to comment Share on other sites More sharing options...
prestamonste Posted October 24, 2016 Share Posted October 24, 2016 Hi, Current, your logo has background white. You need to create a logo with type png and background transparent. Link to comment Share on other sites More sharing options...
huntleybill Posted October 24, 2016 Author Share Posted October 24, 2016 OK...I changed line 107 and pasted in the string you provided. I then went to preferences --> themes and uploaded the .png file. Now I get a white box with a "?" in it. I must have goofed somewhere. What am I missing? The logo that is displayed was made in Word. When I created it, I formatted the file to have a transparent background. https://www.billrauscheroutboards.com/ Link to comment Share on other sites More sharing options...
huntleybill Posted October 24, 2016 Author Share Posted October 24, 2016 Oh..hey Rocky...I am using V 1.6.1.6. Does thaat make a difference? I see you are referencing V 1.6.1.7. Link to comment Share on other sites More sharing options...
bao nam Posted October 24, 2016 Share Posted October 24, 2016 Hi. This module allows you to upload GIF image file for product and logo. http://addons.prestashop.com/en/23355-gif-image.html Link to comment Share on other sites More sharing options...
musicmaster Posted October 24, 2016 Share Posted October 24, 2016 Probably better not to use the Prestashop upload. If you upload it yourself to the img directory and link to it Prestashop cannot change it. Link to comment Share on other sites More sharing options...
huntleybill Posted October 24, 2016 Author Share Posted October 24, 2016 Ok...got it!! Thank you all. I have to tweek the logo a little but for the most part, it is what I am looking for. Thank you Rocky Thank you all. I do have another question regarding cart but I will start another post on that. Please consider this solved. Link to comment Share on other sites More sharing options...
bg17aw Posted October 25, 2016 Share Posted October 25, 2016 To mark this solved, you should edit your initial post title, go to full editor, and put [sOLVED]: at the start of your title. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now