m77 Posted October 13, 2012 Share Posted October 13, 2012 Hi all, anybody knows how to change the store logo position? Thanks. 1 Link to comment Share on other sites More sharing options...
NemoPS Posted October 13, 2012 Share Posted October 13, 2012 You will have to change both the css and html. You'll find the logo in header.tpl. From there, you can move it as you want, and then use some css rules to stick it to an exact place Cheers! Link to comment Share on other sites More sharing options...
m77 Posted October 14, 2012 Author Share Posted October 14, 2012 Thanks much, i was able to reposition my logo perfectly, the only problem now is it goes back to default settings when i refresh page, any advise? Link to comment Share on other sites More sharing options...
NemoPS Posted October 14, 2012 Share Posted October 14, 2012 Uhm! Weird enough. Try turning on force compile and turning cache off Link to comment Share on other sites More sharing options...
m77 Posted October 15, 2012 Author Share Posted October 15, 2012 Still not saving changes....not sure what i'm doing wrong Link to comment Share on other sites More sharing options...
m77 Posted October 16, 2012 Author Share Posted October 16, 2012 Thanks Nemo1 for trying to help. Anybody knows why changes made in html don't save?? Link to comment Share on other sites More sharing options...
anishjmc Posted October 16, 2012 Share Posted October 16, 2012 are you changing the correct files??? i think you are not changing the actual file. Please double check exact css and html files Link to comment Share on other sites More sharing options...
m77 Posted October 16, 2012 Author Share Posted October 16, 2012 Here is the file: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <body id="index" class=" "> <script type="text/javascript"> <script src="/modules/blockwishlist/js/ajax-wishlist.js" type="text/javascript"> <div id="page" class="container_9 clearfix"> <div id="header" class="grid_9 alpha omega"> <a id="header_logo" title="BigOshop" href="http://www.bigoshop.com/"> <img class="logo" width="800" height="400" alt="BigOshop" src="/img/logo.jpg?1350319601"> </a> <div id="header_right" class="grid_6 omega"> <div class="sf-contener clearfix"> </div> <div id="addshoppers_buttons" class="addshoppers-enabled grid_9 alpha omega"> <div id="columns" class="grid_9 alpha omega clearfix"> <div id="footer" class="grid_9 alpha omega clearfix"> </div> is this the right location to make adjustments?...not sure what/where with css.. Thanks Link to comment Share on other sites More sharing options...
anishjmc Posted October 17, 2012 Share Posted October 17, 2012 (edited) You can edit the logo style in the global.css file . It must be in yoursite.com/themes/ your selected theme/ css / global.css Look for #header_logo or similar to that . I recommend before editing , you can do a trial with your browser. If you are using the chrome , right click the logo and select inspect element. On bottom right pane you can see the css associated with it. Make changes there , and if you get the exact position for your logo, then copy paste that style to the corresponding theme's global.css file. Remember to force compile the smarty. Or You can change the inline style. In the above code , put style inside the tags like below:- <div style="float:left !important; width:200px !important; height:150px !important"> <a id="header_logo" title="BigOshop" href="http://www.bigoshop.com/"> <img class="logo" width="800" height="400" alt="BigOshop" src="/img/logo.jpg?1350319601"> </a>< /div> Sometimes the default style might override the style you created. So to force the css to use your style, put !important as above. This will give more importance to your style than the default one. Edited October 17, 2012 by anishjmc (see edit history) Link to comment Share on other sites More sharing options...
m77 Posted October 17, 2012 Author Share Posted October 17, 2012 Thanks anishjmc for your answer. I tried both: www.bigoshop/themes/css/global.css - i get 404 error page "page not found". I tried adding: <div style="float:left !important; width:200px !important; height:150px !important"> I tried adding: <img class="logo"!important; width="300"!important; height="70" !important;alt="BigOshop" src="/img/logo.jpg?1350319601"> to the original script before changing the dimension but still html goes back to default . Im using fire fox-fire bug Any idea?? Link to comment Share on other sites More sharing options...
anishjmc Posted October 18, 2012 Share Posted October 18, 2012 Did you force compile smarty? Actually what are you trying to achieve???? Resizing the logo??? OR Changing the position of logo??? If you have any demo link plz PM it so that i can have a look.. Link to comment Share on other sites More sharing options...
m77 Posted October 19, 2012 Author Share Posted October 19, 2012 Did force compile. My logo is positioned to high above search bar, i'm trying to align it w/search bar which probably translate to reducing the logo block px.s. I can resize logo perfectly here: <img class="logo" width="800" height="400" alt="BigOshop" src="/img/logo.jpg?1350319601"> but not @ css; .container_9 .grid_6 { width: 646px; That pushes search bar and shopping cart out of alignment. In both cases changes don't save. Site is not up yet and not sure how to setup/ send a demo link Link to comment Share on other sites More sharing options...
anishjmc Posted October 19, 2012 Share Posted October 19, 2012 In that case show me a screenshot. You can try position:absolute to realign it to the desired position. Anyway show me a screen shot and a diagram about what you are trying to achieve. Link to comment Share on other sites More sharing options...
m77 Posted October 19, 2012 Author Share Posted October 19, 2012 how do i upload a pic. here? Link to comment Share on other sites More sharing options...
anishjmc Posted October 19, 2012 Share Posted October 19, 2012 You Please click on the more reply option below the reply box. Then you can be able to upload things Link to comment Share on other sites More sharing options...
pneeds Posted October 19, 2012 Share Posted October 19, 2012 See if this helps.. http://www.prestashop.com/forums/topic/186432-solved-how-to-change-the-position-of-the-logo/page__p__922834?do=findComment&comment=922834 Link to comment Share on other sites More sharing options...
m77 Posted October 20, 2012 Author Share Posted October 20, 2012 (edited) As you can see the logo is to high up. I want to move it down and to the side right next and aligned w/search bar. Edited October 20, 2012 by m77 (see edit history) Link to comment Share on other sites More sharing options...
anishjmc Posted October 20, 2012 Share Posted October 20, 2012 Hi, Plz tell me the actual size of the image. Link to comment Share on other sites More sharing options...
anishjmc Posted October 20, 2012 Share Posted October 20, 2012 i tried to visit your site and found a logo. It is 800px wide and 400px height. Better make it to fit on the site . Crop it to 311px and 96px. Then add a div tag inside the header section of your tpl file :- remove :- <img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /> <div style="float:left !important;width:311px !important;height:96px !important"> <img src="path to your logo file with logo name"/> </div> try minimising the width with different values. ******* Remenber to take backup of header file Link to comment Share on other sites More sharing options...
anishjmc Posted October 20, 2012 Share Posted October 20, 2012 i tried to visit your site and found a logo. It is 800px wide and 400px height. Better make it to fit on the site . Crop it to 311px and 96px. Then add a div tag inside the header section of your tpl file :- remove :- <img class="logo" src="{$img_ps_dir}logo.jpg?{$img_update_time}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} /> then add this:- <div style="float:left !important;width:311px !important;height:96px !important"> <img src="path to your logo file with logo name"/> </div> try minimising the width with different values. ******* Remember to take backup of header file Link to comment Share on other sites More sharing options...
m77 Posted October 21, 2012 Author Share Posted October 21, 2012 Thanks anishjmc. I tried replacing html text as you suggested but it didn't really work out, no matter what values i entered in width or height: px.The logo disappeared and all went out of alignment :search bar/sign in:- moved to middle of page and F.B,tweeter block:- went all the in the bottom under the footer block. Cant find a tpl. file with the actual numerical px values for the logo width&height, do you have any idea where this file is located?? Link to comment Share on other sites More sharing options...
mohoho Posted December 28, 2012 Share Posted December 28, 2012 (edited) hi, relelatively new presta shop user here but long time web developer and PHP user. Can somebody tell me where the variable $logo_image_width is defined? I would figure it is defined in the theme file but apparently it is not. It seems to be a default variable defined somewhere. Update: find a variable defined in the configuration table: SHOP_LOGO_WIDTH with value 209 and SHOP_LOGO_WIDTH with =52. I guess I will have to look into the configuration.php or configuration.tpl? Thanks, Edited December 28, 2012 by mohoho (see edit history) Link to comment Share on other sites More sharing options...
anishjmc Posted December 29, 2012 Share Posted December 29, 2012 hi plz pm me your sites link so that i can help you Link to comment Share on other sites More sharing options...
mohoho Posted January 2, 2013 Share Posted January 2, 2013 Hi, thanks for your reply. The site is currently being developed locally and will probably online in about a month. I currently just changed the value in the database and it works so far. Happy new year. hi plz pm me your sites link so that i can help you Link to comment Share on other sites More sharing options...
.png.022b5452a8f28f552bc9430097a16da2.png)
Recommended Posts