Blocktopmenu can't override css

[blackarma]

Hello,

 

I am using latest prestashop with new 1.5 design theme.

I cannot override css files for module blocktopmenu,

 

original css:

http_pub/modules/blocktopmenu/css/superfish-modified.css

 

my override css:

http_pub/themes/prestashop_new/modules/blocktopmenu/css/superfish-modified.css

 

Why it's not working and how can i fix this?

 

Thanks.

[bellini13]

try placing here instead

 

http_pub/themes/prestashop_new/css/modules/blocktopmenu/css/superfish-modified.css

[fallenboy]

Hey. I have the same problem, but as it seems, blocktopmenu does not read any css files from my theme's folder. And it reads its own css from body, after it's block of HTML :S

 

is there a fix for this?

 

Thank you!

[prestaZ]

Hello,

I have the same problem and have been spending several days on this issue

Can anybody help ?

[BeamerInTilburg.nl]

I have the same problem with a different module.

 

How to override a module's css file?

[bellini13]

if a module embeds the css directly in the template file, then just override the template file.

[Scott J]

I've tried

http_pub/themes/prestashop_new/modules/blocktopmenu/css/superfish-modified.css

and

http_pub/themes/prestashop_new/css/modules/blocktopmenu/css/superfish-modified.css

but doesn't pick up either.

[Scott J]

There is an answer at http://www.prestashop.com/forums/topic/148015-override-css-blocktopmenu/ but it seems like a lot of mucking around every time you want to change the tiniest bit of css style.

[NemoPS]

There is an issue with that module. For some reason, the css is embedded directly into the tpl file! You'll have to whether:

1- Edit the php file and call the addcss function in hookHeader, adding the css from there, so that you can thenoverride it in your themes

2- manually edit the superfish-modified.css inside the css folder of the module everytime

 

hope this helps

 

Cheers!

[NemoPS]

I just recorded a quick tip, here

http://nemops.com/editing-prestashop-top-menu/

 

Hope it's useful

 

Cheers

[matt224]

Great little video, Does anyone have any suggestions when using the multi store feature?

 

I have two clients that are using the prestashop default theme and I need to change the colour of the top menu. which I cant currently do as the CCS is located within the module. I can't change the path as it will do this for both sites....

Any suggestions would be great.

 

Regards

Matt

[bellini13]

I would suggest making a copy of the default theme for each store instance (defaut1 and default2). Then assign each theme to a store. That will allow you to have both stores use the default theme, but have customizations specific to the store.

 

That also helps protect your changes during future upgrades, since the default theme will likely be changed in future versions of prestashop. You risk losing your customizations unless you are careful.

[matt224]

I would suggest making a copy of the default theme for each store instance (defaut1 and default2). Then assign each theme to a store. That will allow you to have both stores use the default theme, but have customizations specific to the store.

 

That also helps protect your changes during future upgrades, since the default theme will likely be changed in future versions of prestashop. You risk losing your customizations unless you are careful.

 

Thanks for your reply, I was going to do this but the CSS for the Blocktopmenu is stored within the module - not within "theme/modules folder"

 

Any other suggestions? ......... Can you duplicate the module?

[bellini13]

as i previously recommended, then you override the module template or css within the theme.

[matt224]

as i previously recommended, then you override the module template or css within the theme.

 

Sorry I don't understand, if the blocktopmenu stores its CSS within the module then overriding it to Themes > Shop A > Modules will still change it for both sites? Unless it automatically looks in Themes > Modules if it cant find one ? which I doubt!

 

I've read you're previous solution higher up within this thread which will work if your using a single Shop.

 

Regards

Matt

[bellini13]

do both solutions...

[matt224]

do both solutions...

 

I'm sorry but you're not making much sense it would be helpful if you provided a more detailed reply rather typing a few words...

 

Does anyone else have any ideas on how to overcome this issue?

[bellini13]

My understanding is that you want to share a theme across 2 mutli-stores, but that each store might have subtle differences. You also said that a module has embedded CSS directly into the modules tpl file.

 

So my response "do both" is saying to implement both suggestions from my previous posts...

1) copy the default theme and create 2 new themes "store1" and "store2". Assign "store1" theme to "store1", and "store2" theme to "store2". At this point both stores are using the "same" default theme, agreed? Now apply whatever custom changes to each respective theme.

 

2) Then copy the module's tpl file to your themes module folder, which will override the modules default behavior. Now change the embedded CSS to meet your requirements.

[goosedesign]

Quick and dirty solution: place your override file in your template/css/modules/blocktopmenu just as it should be and call it in your header template file AFTER the loop that calls all the other CSS files. You'll just have to write the override file slightly differently to override previous styles as you're not starting with a blank canvas.

 

{if isset($css_files)}
{foreach from=$css_files key=css_uri item=media}
<link href="{$css_uri}" rel="stylesheet" type="text/css" media="{$media}" />
{/foreach}
{/if}
<link href="{$css_dir}modules/blocktopmenu/superfish-modified.css" rel="stylesheet" type="text/css"/>

Edited March 29, 2013 by goosedesign (see edit history)

[robertocodo]

@goosedesign

I think a solution based on your post that (I think) is the best way to make all css override without problem:

1. make a this folder: /themes/your_theme/css/custom then put inside a file called "custom.css"

2. write this code in the header.tpl after the css loop:

<link href="{$css_dir}custom/custom.css" rel="stylesheet" type="text/css"/>

 

This way you can overwrite each css rule in of each css file, only in one "custom" file.

[mrxmry]

Try this path, works fine for me.

 

/themes/newtheme/css/blocktopmenu/css/superfish-modified.css

[humanoidvani]

Try this path, works fine for me.

 

/themes/newtheme/css/blocktopmenu/css/superfish-modified.css

 

This works for me (PrestaShop™ 1.5.6.0)

[SANAL KUMAR]

Can i Upgrade the prestashop version of my current site http://www.cornerstonegifts.net like this??? 

[bellini13]

like what?

[tdc666]

is this the correct path to properly overwrite then? 

 

Try this path, works fine for me.

 

/themes/newtheme/css/blocktopmenu/css/superfish-modified.css

[SANAL KUMAR]

This is my site (http://www.cornerstonegifts.net/) . I want to upgrade the version of prestashop and to add advanced features to my site

@Bellini

 

Sanal

[venom2506]

This works for me (PrestaShop™ 1.5.6.0)

It doesn't work for me :/ (on 1.5.6.0 too).

[vekia]

It doesn't work for me :/ (on 1.5.6.0 too).

what solution you exactly used?

[venom2506]

the one he quoted, placing the css there:

/themes/newtheme/css/blocktopmenu/css/superfish-modified.css

not the only CSS that does that anyway, I got a couple others that won't be used from my custom theme, but they're not from stock prestashop.

 

Well I found a funny stock one: the adresses.css isn't overidden either.

Edited December 11, 2013 by venom2506 (see edit history)

[varadipeter]

/themes/newtheme/css/blocktopmenu/css/superfish-modified.css

 

Try "/themes/<yourtheme>/css/modules/<module-name>/css/<stylesheet-name>.css" or "/themes/<yourtheme>/css/modules/<module-name>/<stylesheet-name>.css" in case the original css was not in a "css" subfolder of the module.

[vekia]

exactly! is necessary to move files to /themes/YOUR_THEME/css/modules/blocktopmenu/

[venom2506]

edit: stupid me, I forgot the 'modules' folder in the css folder.

Edited December 16, 2013 by venom2506 (see edit history)

[vekia]

so now, when you use correct path everything works as you expect?

[SANAL KUMAR]

so now, when you use correct path everything works as you expect?

[vekia]

 

so now, when you use correct path everything works as you expect?

 

 

hello

your message is empty, can you update it please?

something went wrong

[venom2506]

Yes, it works just fine now, thank you very much! I can't believe I made such a silly mistake. I stil have a long way too go heh...

[tdc666]

what about the modified .tpl file? where does it go?

[vekia]

themes/YOUR_THEME/modules/blocktopmenu/blocktopmenu.tpl

[tdc666]

themes/YOUR_THEME/modules/blocktopmenu/blocktopmenu.tpl

is this the only file that should go in there? i can't just copy the whole blocktopmenu folder over and expect it to work?

Edited December 18, 2013 by tdc666 (see edit history)

[vekia]

no, paste there only template files.