Integrating Magento Header and Footer

Blogs have paramount importance to make websites especially for the Magento Developed Online Store using Magento 2 Development Services. Blogs provide better traffic and are a prime source of SEO leads. In this tough race comprising of Blogging Platforms, WordPress has turned out to be the fastest means of constructing these sites.

WordPress has the best platform to show Blogs with a Case Study you can certainly follow. Now if you wish to combine superiority of WordPress with Magento Store then an article serves as a perfect solution to the apparent problem.

How to Pull the Magento Header and Footer

Here we talk in detail how to integrate your Magento Header and Footer in a WordPress site. We are considering WordPress code within a folder named "blog" inside your Magento project you made.

[php]$str = dirname(__FILE__);
$basedir = substr($str, 0, strpos($str, 'blog'));
$mage_php_url = $basedir . 'app/Mage.php';
// Include Magento application
if (!empty($mage_php_url) && file_exists($mage_php_url) && !is_dir($mage_php_url)) {
// Include Magento's Mage.php file
require_once ( $mage_php_url );
umask(0);
Mage::app();
[/php]

After this, you can use Magento code in your WordPress code.

[php]$url = Mage::getBaseUrl();
$url = substr($url, 0, strpos($url, 'index.php'));
// skin url of magento
$skinUrl = Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_SKIN);
//js url
$jsUrl = Mage::getBaseUrl(Mage_Core_Model_Store::URL_TYPE_JS);[/php]
This will provide you with the Magento url, Skin url and js url.
Include Magento session so that customer and checkout session will be maintained in it.

[php]Mage::getSingleton('core/session', array('name'=>'frontend'));[/php]

After inserting this line if the user logs into Magento shows him or her as logged into Word Press as well. Cart header shows an update of cart items as well. See the inclusion time with use of js and css files. Add all js and css files of Magento and get the style and functionality of Magento.

[php]<link rel="stylesheet" type="text/css" href="<?php echo $skinUrl . 
'frontend/default/default/css/styles.css'?>" media="all" />
<script type="text/javascript" src="<?php echo $jsUrl .'prototype/prototype.js'?>"></script>[/php]

In similar ways, you can include other files as well.

How to Add Custom Header and Footer
The Header
[php]$_layout = Mage::getSingleton('core/layout');
$block_header = $_layout->createBlock('page/html_header')-
>setTemplate('page/html/header.phtml');[/php]

This includes the header.phtm files.

Top Menu

[php]$block_Menu = $_layout->createBlock('page/html_topmenu', 'catalog.topnav')-
>setTemplate('page/html/topmenu.phtml');
$block_header->setChild('topMenu', $block_Menu);[/php]

Likewise, include another needed block

Top Links

[php]$block_links = $_layout->createBlock('page/template_links', 'top.links')->setTemplate('page/template/links.phtml');
$block_header->setChild('topLinks', $block_links);
$block_links->addLink('Home', $url . '', 'Home','', '', 10,'', 'class="top-link-home"');
$block_links->addLink('Account', $url . 'customer/account/', 'Account', '', '', 10,'','class="top-link-account"');
$block_links->addLink('Shopping Cart', $url . 'checkout/cart/', 'Shopping Cart', '', '', 10,'','class="top-link-cart"');
$block_links->addLink('Checkout', $url . 'checkout/onepage/', 'Checkout', '', '', 10,'','class="top-link-checkout"');[/php]

New Call to action:

It includes Home, Account, Cart and Checkout link on the header. The other link adds on similarly.

[php]echo $block_header->toHtml();[/php]

This shows the header html file.

Footer:

[php] $layout = Mage::getSingleton('core/layout');
$footerBlock = $layout->createBlock('page/html_footer')->setTemplate('page/html/footer.phtml');
$news_subscribe = $layout->createBlock('newsletter/subscribe')->setTemplate('newsletter/subscribe.phtml');
$footerBlock->setChild('newsletter', $news_subscribe);
echo $footerBlock->toHtml();[/php]


This includes footer.phtml file naming it; ‘Newsletter’ shows inside the footer. I can say with good amount of certainty that an article helps you to include Magento style on your WordPress site.

Comments

Post a Comment

Popular posts from this blog

Add Business Benefits Using Marketing Strategies of Magento 2

Image
Modern ecommerce is fully supporting small and mid-sized business as well as providing numerous benefits to the large businesses that are continuously contesting with each other. The main idea they follow to is to create interest to as many customers as probable so as to push up sales. That’s why marketing approaches are so top-demanded. You are planned to realize more facts about marketing tactics in Magento 2 and the advantages it may get to your business. Omni-channel Omni-channel is confident to be a cutting-edge tactic based on serving customers with a unified shopping experience. It creates no variance if the customer performs online shopping using the mobile device or personal pc or even by calling the manager or even doing a purchase in the brick-and-mortar store. The main thing is to agree the integrity of shopping procedure. Concentrating on the critical awareness, it suggests a true combination between channels on the back end. For instance, the first off, the
Read more

Appearance and Usability in Website Designing

Image
The website is a distinctive kind of online presence for any business. It serves well in terms of good looks and gadgetry but surely charges miserably in terms of appearance and usability. Both the appearance and usability plays vital role in website designing, although appearance does matter and everyone is attracted due to its great appearance. But still it does not mean to be the most important thing while designing any website. Appearance of Website Over the years who have dealt with new website designers, it is a general observation that they wish to emphasis unreasonably and occasionally almost completely on the presence of a website. The website declared earlier is a situation in point where the designer tried tough to generate the website appear attractive and, prospered as well the website does certainly appear striking. But, as hard as it may be to trust, appearance is not simply the most vital thing to appear at when you are developing and designing your websit
Read more

Web Designing Tools For Startups

Making a website is simple and easy to comprehend through a selection of activities that are reliably accredited when you are in process. Make the Navigation as a more difficult web designing methodology which has more people into doubts about how to do it. Flowing of screens together is a major notion that lies behind navigation. To make the best drive with use and ease of practising there is an acceptable word that is sensed in online surfing and that is navigation. Very complex sites such as Facebook and Wikipedia have millions of pages that flow in one stream that gives an idea of navigation. Take off with a simple website and develop simple pages make it an easier task for you. Ways To Make A Simple First Time Website Web designing implementation is where the eye meets the user and gets development as simple as a visitor could ever expect consistency. Make projects of a few pages and try out the complications later on where the expected outcome is appropriate. Don’t
Read more