Magento

Hi!

I have been searching on how to moe the newsletter from left to right column. But nothing have worked out! Do anybody now a simple way to do this.

Second I want the newsletter box shown in main page (front page) . What code do I put in (in the html) to get this done?

Best from joe

There is a file subscribe.phtml in newsletter folder.

The path for it is as follows

app\design\frontend\default\default\template\newsletter

and css apply for this file is boxess.css, you can change it as per requirement.

app/design/frontend/default/default/layout/newsletter.xml

Change “left” to “right”. If you have a right column on home page, it will also show up there.

What if I want to move the box to the header section where I have my horizontal navigation? What would be the reference name??

ok I figured it out. If your curious how to add your newsletter box to the header of your site all you have to do is navigate to:
app>design>frontend>(your_interface)>(your_theme)>template>newsletter>subscribe.phtml

Open the subscribe.phtml file to so the code for the box. Copy everything from the top to the bottom:

Next you’ll want to navigate to your header.phtml file which is found in the folder page>html under the newsletter folder:
app>design>frontend>(your_interface)>(your_theme)>template>page>html>header.phtml

Inside here you can paste this code any where really. I choose to do it underneath the shop-access div tag. So my code looks like this:

Now adding this in there the box will be stretched. This should be able to be fixed in the CSS. I will post again when I figure this out. My guess so far is that the style that will fix this is “box base-mini mini-newsletter”. Unfortunately dreamweaver does not see teh class in the CSS. I’ll post again when I figure the rest out.

- Cole

Ok so I have figured out how to control the style/size of the newsletter box.

Navigate to your boxes.css file:
skin>frontend>(your_interface)>(your_theme)>css>boxes.css

Go to line 489 (or search for mini-newsletter), you’ll find the styles for a class called .mini-newsletter:

Below .mini-newsletter input.input-text add in this style:

This style I had to create to give a width of 200 pixels. This will take the box and shrink it to a more suitable size. The reason I choose 200 because if I do something like 150px the “header” of the newsletter that contains the image and title of the box will be smaller than the main content form area for signing up. So 200 will make it so that it fits correctly.
Next I make it float to the right because I want the box to be hanging in the right side of the header.

Hope this helps some people! I’ll post this also in the how-to wiki area with pictures or something…

Is there anyway to move the newsletter box into footer area? I like the display in modern theme and want to move into footer. However, the newsletter box is still stuck in the left column, how do I to deactivate it in left column ? No wonder which file I should edit, thanks.

You should be able to follow these steps to place the newsletter into the footer. Instead of opening the Header.phtml file, open footer.phtml and place the code where needed.

As for stopping the newletter from appearing in the left navigation. you’ll want to open up “newsletter.xml” we’ll change the reference name to be blank.

So navigate to:
app>design>frontend>(your_interface)>(your_theme)>layout>newsletter.xml

next you’ll want to make the code look like this:

That should make the newsletter stop appearing on the your left/right side columns. If not you may find something in the catalog.xml file located in the layout folder.

- Cole

Thanks @ColeG

It’s done well - really helpful, cheers.

Hi,

I’ve been trying to get my newsletter subscribe box to move into the right hand side of my Home Page. Can this be done through the admin/CMS?

@MacKniven,
When you say to the right hand side of the home page are you talking about in the header, or in the main content area of your home page?

If you want your Subscribe in the home page you can go about two things. Add it by specifying the block type in the home page CMS or you can create a new Static Block. The easiest way is to just add in the block type into the CMS page, but in some instances creating a new static block would be the best.

To add a block type place this into your CMS:

You may be able to move this around if it locates in an undesired location with your CSS. The next method is a bit harder, and requires some manual work, but never the less it should work.
You can find all the information on this post: http://www.magentocommerce.com/boards/viewthread/9921/

Thanks, both solutions worked great for me.  I wanted it in the right hand column of the home page (2 column layout) so I went for the XML option in the other link you gave. Cheers.

Thanks “Cole Geissinger”. The I need to put the newsletter section through CMS page it works great.

so here is another way to place the newsletter in the header.

open up app/design/frontend/<your_interface>/<your_theme>/layout/newsletter.xml
under default
change the reference name to header
in the block set name="top.newsletter" and as="topNewsletter"
so it should look something like this:

open up app/design/frontend/<your_interface>/<your_theme>/template/page/html/header.phtml

add this line anywhere in the file
<?php echo $this->getChildHtml('topNewsletter') ?>

it should look something like this:

and that is it

you can pretty much move anything with this method
the key things to note are the uses of
1. reference name attribute in the module layout file ( xml)
2. the as attribute in the block element inside the reference element
3. the getChildHtml("foo “) call in the template file which grabs the block in the reference by its as attribute

I opened

app/design/frontend/default/default/layout/newsletter.xml

and it actually says right already, even though its on the left.... ??? Very Strange…