[Josh Blagrove]

I'm building a website using Joomla 2.5 plus Ecwid (Silver) as my shopping cart system. I used a Rockettheme Halcyon template. It's all worked wonderfully other than an issue I'm having with the RokEcwid Search. I installed the RokEcwid widget, created a new module using the widget and setup my page with the RokEcwid search option showing. The problem I'm having is I cannot type anything into the input box for the search! The module has been published and access is set to Public. You can see the module so I do not think the access setting could be the problem. I have tried setting the access to "Registered", but that didn't work. What am I missing?

At the owners request for the website www.allcity.co.nz , the site is off-line until its ready to go live.

[Eugene Rimmer]

Originally Posted by Josh Blagrove

I'm building a website using Joomla 2.5 plus Ecwid (Silver) as my shopping cart system. I used a Rockettheme Halcyon template. It's all worked wonderfully other than an issue I'm having with the RokEcwid Search. I installed the RokEcwid widget, created a new module using the widget and setup my page with the RokEcwid search option showing. The problem I'm having is I cannot type anything into the input box for the search! The module has been published and access is set to Public. You can see the module so I do not think the access setting could be the problem. I have tried setting the access to "Registered", but that didn't work. What am I missing?

At the owners request for the website www.allcity.co.nz , the site is off-line until its ready to go live.

Most probably, the search box is simply covered with some element of design. We need to inspect the site to tell the real reason, so please provide the access credentials to it.

[Josh Blagrove]

Thanks for your reply Eugene. I have found my error and it works just fine now. I now just need to change the style of the button that initiates the search, as it looks ugly. I have looked at http://kb.ecwid.com/w/page/51164309/... , but that appears to modify the resulting product search which looks just fine. Please see attached image. Can you please point me in the right direction. Thanks again for your help

[Makfruit]

Thank you for the screenshot. But it's a bit difficult to find out the reason of issue without access to the page where the search widget is placed. Could you provide us with the access credentials?

[Josh Blagrove]

Thanks Matvey. I found the source of the problem using Firebug. It was in the CSS being a conflict I guess with the Rockettheme template and the CSS needed by Ecwid for it to display correctly. If anyone else has this problem, I fixed it by adding this to my 'Custom CSS Themes';

/* Search Module */
.ecwid-SearchPanel-button {color: #fff;text-shadow: -1px -1px 1px rgba(0,0,0,0.75);}
.ecwid-SearchPanel-field {color: #000;text-shadow: -1px -1px 1px rgba(0,0,0,0);}
.ecwid-SearchPanel-field {border: 1px solid #474747 !important;}
.ecwid-SearchPanel-button {border: 1px solid #3F4346 !important;}
.ecwid-SearchPanel-button {background: #474747 !important;}
.ecwid-SearchPanel-button:hover {background: #5B6366 !important;}

There was only one line of CSS code for the button for the hover and the SearchPanel-field shadow text was also a problem with the template I'm using. I'm not great on CSS so it was a quick & dirty fix and no doubt it has syntax that doesn't need to be there. At least it works now.

Matvey, is there any chance someone could look at http://www.ecwid.com/forums/showthread.php?p=56827 ? It would be good to know what to do there. Thanks for your help.

[Makfruit]

Originally Posted by Josh Blagrove

Thanks Matvey. I found the source of the problem using Firebug. It was in the CSS being a conflict I guess with the Rockettheme template and the CSS needed by Ecwid for it to display correctly. If anyone else has this problem, I fixed it by adding this to my 'Custom CSS Themes';

/* Search Module */
.ecwid-SearchPanel-button {color: #fff;text-shadow: -1px -1px 1px rgba(0,0,0,0.75);}
.ecwid-SearchPanel-field {color: #000;text-shadow: -1px -1px 1px rgba(0,0,0,0);}
.ecwid-SearchPanel-field {border: 1px solid #474747 !important;}
.ecwid-SearchPanel-button {border: 1px solid #3F4346 !important;}
.ecwid-SearchPanel-button {background: #474747 !important;}
.ecwid-SearchPanel-button:hover {background: #5B6366 !important;}

There was only one line of CSS code for the button for the hover and the SearchPanel-field shadow text was also a problem with the template I'm using. I'm not great on CSS so it was a quick & dirty fix and no doubt it has syntax that doesn't need to be there. At least it works now.

Thank you for sharing this.

Matvey, is there any chance someone could look at http://www.ecwid.com/forums/showthread.php?p=56827 ? It would be good to know what to do there. Thanks for your help.

I've replied there:
http://www.ecwid.com/forums/showthread.php?p=57156