How to include a currency drop down selector just next to the language bar?

Hi victorlai,

you just try as following
Open the layout file of app\design\frontend\default\jm_scerif\layout\page. xml there you look for this tag

HTML Code:

 <block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/>

adding right below it this

HTML Code:

  <block type="directory/currency" name="currencytop" as="currencytop" template="directory/currency.phtml"/>

then you open app\design\frontend\default\jm_sceriftemplate\pag e\html\header.phtml there you would see this

PHP Code:

  <?php echo $this->getChildHtml('store_language') ?>


you add right below it this code

PHP Code:

  <?php echo $this->getChildHtml('currencytop') ?>


Also please be sure that you have setup several currencies in the back-end

I follow exactly what u said..but currency drop down not appear. 🙁
Can u check for me?
I PM the required private info to u.

Hi victorlai,

you just try as following
Open the layout file of app\design\frontend\default\jm_scerif\layout\page. xml there you look for this tag

HTML Code:

 <block type="page/switch" name="store_language" as="store_language" template="page/switch/languages.phtml"/>

adding right below it this

HTML Code:

  <block type="directory/currency" name="currencytop" as="currencytop" template="directory/currency.phtml"/>

then you open app\design\frontend\default\jm_sceriftemplate\pag e\html\header.phtml there you would see this

PHP Code:

  <?php echo $this->getChildHtml('store_language') ?>


you add right below it this code

PHP Code:

  <?php echo $this->getChildHtml('currencytop') ?>


Also please be sure that you have setup several currencies in the back-end

Hi mate,

The admin account you gave me is not correct, as I mentioned before in your back-end you can Navigate to System >> Manage Currency >> Rates try to add rate for all of your currencies.

Now is OK already, but I want Currency Drop Down Menu same row with the "Your Language" bar…how to do it.

Hi mate,

The admin account you gave me is not correct, as I mentioned before in your back-end you can Navigate to System >> Manage Currency >> Rates try to add rate for all of your currencies.

Hi victorlai,

you open the file of skin/frontend/default/jm_scerif/css/theme.css look for this css rule

HTML Code:

 .form-language label {
            
               padding-right: 5px;
            }

change it to

HTML Code:

.form-language label {
  float: left;
  padding-right: 5px;
}

also adding this rule of

HTML Code:

 div.langs-wrapper{
             float:left;
       }

Try already but not working.

Please do check for me. I PM FTP login details for you.

Hi victorlai,

I just took a look at your site and I saw it works, Do you need help further ?

It is not working. I want start from color selector until FB login button at the same row.
Please refer the print screen attachment. TQ.

Hi victorlai,

you can check your site in firefox,using the firebug add-on, try to play around with it to see which html/css rule need to be changed to achieve that.

I try firebug already, but still cannot make it. Can you please do me a favour? TQ.

hi mate,

in order for the top area is able to contain all those elements you would need to make it wider, you can open the file of skin/frontend/default/jm_scerif/css/theme.css, look for this rule

HTML Code:

 #quick-access .main {
  font-size: 11px;
  padding: 5px 0;
}

change it to

HTML Code:

  #quick-access .main {
  font-size: 11px;
  padding: 5px 0;
  width: 1240px;
}

then you add these new rules

HTML Code:

div.block-currency{
           float:left;
           width:500px;
       }
      div.block-currency div.block-title{
          float:left;
      }
     div.block-currency div.block-content{
          float:left;
      }

I hope that helps !

Now it is all at the same row. But still look wired with the two lines not fixed inside the currency bar. (see attachment). And I would like to make the currency bar thinner a bit. Any ideas?

Hi ,

you can change the rule

HTML Code:

div.block-currency {
  float: left;
  width: 500px;
}

to this

HTML Code:

div.block-currency {
  float: left;
  width: 480px;
}

and

HTML Code:

div.block-currency div.block-content {
  float: left;
  
}

to

HTML Code:

div.block-currency div.block-content {
  float: left;
  padding: 0;
}

Hope that helps !

Do whatever you said, but it is not working. Can you please double check for me?

Hi ,

you can change the rule

HTML Code:

div.block-currency {
  float: left;
  width: 500px;
}

to this

HTML Code:

div.block-currency {
  float: left;
  width: 480px;
}

and

HTML Code:

div.block-currency div.block-content {
  float: left;
  
}

to

HTML Code:

div.block-currency div.block-content {
  float: left;
  padding: 0;
}

Hope that helps !

Hi mate,

I took a look and see it displays well, let me know exact what you wanting

Please refer the screenshot of the attachment. The currency drop down menu is not fixed inside the required place.

You can open the theme.css file as mentioned, change this rule

HTML Code:

 div.block-currency div.block-content {
  float: left;
  padding: 0;
}

to this

HTML Code:

div.block-currency div.block-content {
  float: left;
  left: -190px;
  padding: 0;
  position: relative;
  top: 5px;
}

I hope it helps !