VirtueMart Currency Selector Style and "unreachable code after return statement"

angsto

Hi, I'm trying to set style for VirtueMart Currency Selector dropdown to be as Custom Fields inside product, but it don't work.

also my second problem: I see in Web console this:
JQMIGRATE: Migrate is installed, version 1.4.1 js-21cf9-59425.js:24:542
unreachable code after return statement[Learn More] js:83:1788
unreachable code after return statement[Learn More] js:143:462
unreachable code after return statement[Learn More] js:143:506
unreachable code after return statement[Learn More] js:143:462
unreachable code after return statement[Learn More] js:83:1788
unreachable code after return statement[Learn More] js:143:506

I couldn't find how to fix this.
Can someone help me?
Thanks.

saguaros

angsto

Hi,

You mean that you want the dropdown of currencies to be the same style as dropdown of that 'Color' field?

You can try using inspect element editor in your browser and see how the dropdown of custom field is styled and apply for the dropdown of currencies: http://prntscr.com/lfse1x

Regards

angsto

yes.
I try, but i think something is always overwrite me.

angsto

@saguaros #51853
yes.
I try, but i think something is always overwrite me. could you please check? also could you help me with the second problem?

teitbite

angsto Hi I can see You have css compressions activated. It may be a reason why You do not see Your modifications. Please disable it and see if the styles will get updated.

angsto

I try also this-same result @teitbite #51914

teitbite

angsto Hi. But it looks same already. The only thing You are missing is the color since the text color for sidebar is set to white. Try just include this:

.chzn-container {
    color: #4c4c4c;
}

angsto

@teitbite @saguaros #52155
OK it help, but now on Home, Contact Us and Filter Search pages is totally different style. Can you help me?

saguaros

angsto

Hi,

Somehow I missed this thread, I'm sorry for this lateness.

In the backend settings of that 'Currencies' module > Advanced tab > I add a class suffix currency_sidebar : http://prntscr.com/lhq4fb

And add below custom css code into your site:

/*Customize currencies module in sidebar off-canvas*/
.currency_sidebar .chzn-container-single .chzn-single {
    background: #ffffff;
    border: 1px solid #e8e8e8;
    border-radius: 0;
    box-shadow: none;
    font-size: 14px;
    height: 50px;
}
.currency_sidebar .chzn-container-single .chzn-single span {
    margin-top: 12px;
}
.currency_sidebar .chzn-container-single .chzn-single div b {
    background-position: 0 14px;
}
.currency_sidebar .chzn-container-single .chzn-drop .chzn-results li.highlighted {
  background: #ffdb00 !important;
}

Kindly check.

saguaros

For the unreachable code, I can't see them when inspect element: http://prntscr.com/lhqcgt

Try to clear browser's cache & cookies first.

angsto

@saguaros #52955
I check and it came only with Mozilla

saguaros

angsto
I also checked with Firefox also: http://prntscr.com/li2inw