Making the "reference code" for a product invisible

[Jurek83]

I was wondering if someone could tell me if there is an option to make the internal "reference code" of a product invisible in the online shop. I think it is very usefull to use it as an internal search option. However if you fill out this field it will come up in the shop as well.

 

Thanks alot!

[Jimmythebib]

Hi you can try adding this line to your site-root > theme > css > global.css file at the very bottom.

 

Keep a back-up first.

 

.pb-center-column #product_reference {display:none;}

 

 

Jimmy

[Jurek83]

Hi you can try adding this line to your site-root > theme > css > global.css file at the very bottom.

 

Keep a back-up first.

 

.pb-center-column #product_reference {display:none;}

 

 

Jimmy

Hello Jimmy,

 

Thank you alot for the quick response! To be honest i'm quite new to this.

 

I tried adding the code in the global.css file at the bottom. When I refresh the front-office, I noticed it being gone, though quickly reappearing and stay visible.

 

Is it possible there is another file that's called upon after this which makes the #product_reference visible again?

 

greets

[Jimmythebib]

Try this instead:

 

.pb-center-column #product_reference {display:none !important;}

 

 

It sounds like its being overridden by javascript or css, perhaps this will fix it.

 

Jimmy

Edited July 3, 2015 by Jimmythebib (see edit history)

[Jurek83]

Try this instead:

 

.pb-center-column #product_reference {display:none !important;}

 

 

It sounds like its being overridden by javascript, perhaps this will fix it.

 

Jimmy

This works perfect! Thank you alot!

[Jimmythebib]

No problem, you should mark as solved to help anyone else who needs to do this.

 

Jimmy

Edited July 3, 2015 by Jimmythebib (see edit history)

[weddingslc]

Try this instead:

 

.pb-center-column #product_reference {display:none !important;}

 

 

It sounds like its being overridden by javascript or css, perhaps this will fix it.

 

Jimmy

I have added this at the bottom of global.css, cant fix this issue