How to add a Cart Icon to header? Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?Best Practices Way to Edit Magento Top-LinksMove Cart to Header In Magento 1.8.1How to move Quick Access Bar to top of headerHow to move Quick Access Bar to top of headerMove Cart to Header In Magento 1.8.1Magento 1.9.2.4 Add Cart To HeaderTop header cart modificationHeader whitespaceHeader Cart ResizeWanted to change my account text to icon in headerMagento 2.2 how to change header link create an account text to iconHow to add last modified into headerHow add top-header above main menu?
Converting a text document with special format to Pandas DataFrame
Why are two-digit numbers in Jonathan Swift's "Gulliver's Travels" (1726) written in "German style"?
What's the connection between Mr. Nancy and fried chicken?
Why aren't these two solutions equivalent? Combinatorics problem
Short story about an alien named Ushtu(?) coming from a future Earth, when ours was destroyed by a nuclear explosion
Is Vivien of the Wilds + Wilderness Reclimation a competitive combo?
Do chord progressions usually move by fifths?
Pointing to problems without suggesting solutions
Who can become a wight?
What could prevent concentrated local exploration?
Like totally amazing interchangeable sister outfit accessory swapping or whatever
“Since the train was delayed for more than an hour, passengers were given a full refund.” – Why is there no article before “passengers”?
Why do C and C++ allow the expression (int) + 4*5?
How to break 信じようとしていただけかも知れない into separate parts?
Should man-made satellites feature an intelligent inverted "cow catcher"?
Are bags of holding fireproof?
xkeyval -- read keys from file
Import keychain to clean macOS install?
lm and glm function in R
Can this water damage be explained by lack of gutters and grading issues?
When speaking, how do you change your mind mid-sentence?
reduction from 3-SAT to Subset Sum problem
Are Flameskulls resistant to magical piercing damage?
Does Prince Arnaud cause someone holding the Princess to lose?
How to add a Cart Icon to header?
Planned maintenance scheduled April 23, 2019 at 23:30 UTC (7:30pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?Best Practices Way to Edit Magento Top-LinksMove Cart to Header In Magento 1.8.1How to move Quick Access Bar to top of headerHow to move Quick Access Bar to top of headerMove Cart to Header In Magento 1.8.1Magento 1.9.2.4 Add Cart To HeaderTop header cart modificationHeader whitespaceHeader Cart ResizeWanted to change my account text to icon in headerMagento 2.2 how to change header link create an account text to iconHow to add last modified into headerHow add top-header above main menu?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
Hello! Currently Running Magento 1.8.1
Looking to add a ShoppingCart Icon which links to Shopping Cart / Checkout at right side of header.
Would like to know
- Steps to Upload and Show ShoppingCart [RIGHT HEADER]
- Steps to Resize ShoppingCart
- Steps to Add/Remove Links in Quick Access Container (My account, Checkout, etc.)
header
add a comment |
Hello! Currently Running Magento 1.8.1
Looking to add a ShoppingCart Icon which links to Shopping Cart / Checkout at right side of header.
Would like to know
- Steps to Upload and Show ShoppingCart [RIGHT HEADER]
- Steps to Resize ShoppingCart
- Steps to Add/Remove Links in Quick Access Container (My account, Checkout, etc.)
header
add a comment |
Hello! Currently Running Magento 1.8.1
Looking to add a ShoppingCart Icon which links to Shopping Cart / Checkout at right side of header.
Would like to know
- Steps to Upload and Show ShoppingCart [RIGHT HEADER]
- Steps to Resize ShoppingCart
- Steps to Add/Remove Links in Quick Access Container (My account, Checkout, etc.)
header
Hello! Currently Running Magento 1.8.1
Looking to add a ShoppingCart Icon which links to Shopping Cart / Checkout at right side of header.
Would like to know
- Steps to Upload and Show ShoppingCart [RIGHT HEADER]
- Steps to Resize ShoppingCart
- Steps to Add/Remove Links in Quick Access Container (My account, Checkout, etc.)
header
header
edited 3 hours ago
Lykingond
asked Aug 3 '14 at 22:59
LykingondLykingond
1091415
1091415
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
Please see post:
Move Cart to Header In Magento 1.8.1
" (1) In yourTheme/template/page/html/header.phtml:
//Place following code where you want Cart to show:
<?php echo $this->getChildHtml('cart_sidebar'); ?>
" "Please copy and paste base/default/layout/checkout.xml into YOURTHEME/layout. Then rename
<reference name="right">
with
<reference name="header">"
"Normaly the cart is not in right column anymore. Also the cart should appear in the header if you still have getChildHtml('cart_sidebar'); ?> in header.phtml"
add a comment |
You can easily add cart summary to the header using local.xml file. I thought finding good documentation on how to add a cart summary to the header of a site would be simple. Unfortunately not! When building a Magento theme, I use the local.xml methodology, and fall back on the base files. It’s widely considered the ‘right’ way to theme for Magento and in the interests of being jolly good people, that’s the way we’ll be doing things here. If you aren’t familiar with the use of a local.xml to make your theme amendments, read about the Magento and come back when you are done. First, in your local.xml file, add the following within the tag section:
If you want to remove the ‘cart’ and ‘checkout’ links from the header you also need to add this line:
Then finally here we want to add our new section, so stick this in:
Save the local.xml file. Now open your header.phtml template file located here: /app/design/frontend/[your package]/[your package]/template/page/html/header.phtml And add this where you want to header cart to sit:
<?php echo $this->getChildHtml('topCart')?>
Save the header.phtml file. Now make your top-cart.phtml file and save it here: /app/design/frontend/[your package]/[your package]/template/checkout/cart/top_cart.phtml Mine was a fairly cut-down one, here is the contents of mine:
<?php $_cartQty = $this->getSummaryCount(); if ($_cartQty>0) if ($_cartQty==1) echo $this->__('There is 1 item in your cart.', $this->getUrl('checkout/cart')); else echo $this->__('There are %s items in your cart.', $this->getUrl('checkout/cart'), $_cartQty); else echo $this->__('You have no items in your cart.'); ?> < ?php echo $this->__(' Subtotal:') ?> < ?php echo Mage::helper('checkout')->formatPrice($this->getSubtotal()) ?> < ?php if ($_subtotalInclTax = $this->getSubtotalInclTax()): ?> (< ?php echo Mage::helper('checkout')->formatPrice($_subtotalInclTax) ?> < ?php echo Mage::helper('tax')->getIncExcText(true) ?>) < ?php endif; ?>
Save the top_cart.phtml file Upload the files and your done. It’s then just a matter of styling the elements with CSS to your liking.
Hi, please help. For the top-cart.phtml file, I did not find the directory you wrote. Using 1.8.1 Magento - I have added to the header.phtml. The line following Remove the cart and checkout links is blank, what should I do to remove cart and checkout links?
– Lykingond
Oct 16 '14 at 16:39
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f31109%2fhow-to-add-a-cart-icon-to-header%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
Please see post:
Move Cart to Header In Magento 1.8.1
" (1) In yourTheme/template/page/html/header.phtml:
//Place following code where you want Cart to show:
<?php echo $this->getChildHtml('cart_sidebar'); ?>
" "Please copy and paste base/default/layout/checkout.xml into YOURTHEME/layout. Then rename
<reference name="right">
with
<reference name="header">"
"Normaly the cart is not in right column anymore. Also the cart should appear in the header if you still have getChildHtml('cart_sidebar'); ?> in header.phtml"
add a comment |
Please see post:
Move Cart to Header In Magento 1.8.1
" (1) In yourTheme/template/page/html/header.phtml:
//Place following code where you want Cart to show:
<?php echo $this->getChildHtml('cart_sidebar'); ?>
" "Please copy and paste base/default/layout/checkout.xml into YOURTHEME/layout. Then rename
<reference name="right">
with
<reference name="header">"
"Normaly the cart is not in right column anymore. Also the cart should appear in the header if you still have getChildHtml('cart_sidebar'); ?> in header.phtml"
add a comment |
Please see post:
Move Cart to Header In Magento 1.8.1
" (1) In yourTheme/template/page/html/header.phtml:
//Place following code where you want Cart to show:
<?php echo $this->getChildHtml('cart_sidebar'); ?>
" "Please copy and paste base/default/layout/checkout.xml into YOURTHEME/layout. Then rename
<reference name="right">
with
<reference name="header">"
"Normaly the cart is not in right column anymore. Also the cart should appear in the header if you still have getChildHtml('cart_sidebar'); ?> in header.phtml"
Please see post:
Move Cart to Header In Magento 1.8.1
" (1) In yourTheme/template/page/html/header.phtml:
//Place following code where you want Cart to show:
<?php echo $this->getChildHtml('cart_sidebar'); ?>
" "Please copy and paste base/default/layout/checkout.xml into YOURTHEME/layout. Then rename
<reference name="right">
with
<reference name="header">"
"Normaly the cart is not in right column anymore. Also the cart should appear in the header if you still have getChildHtml('cart_sidebar'); ?> in header.phtml"
edited Apr 13 '17 at 12:55
Community♦
1
1
answered Oct 18 '14 at 13:52
LykingondLykingond
1091415
1091415
add a comment |
add a comment |
You can easily add cart summary to the header using local.xml file. I thought finding good documentation on how to add a cart summary to the header of a site would be simple. Unfortunately not! When building a Magento theme, I use the local.xml methodology, and fall back on the base files. It’s widely considered the ‘right’ way to theme for Magento and in the interests of being jolly good people, that’s the way we’ll be doing things here. If you aren’t familiar with the use of a local.xml to make your theme amendments, read about the Magento and come back when you are done. First, in your local.xml file, add the following within the tag section:
If you want to remove the ‘cart’ and ‘checkout’ links from the header you also need to add this line:
Then finally here we want to add our new section, so stick this in:
Save the local.xml file. Now open your header.phtml template file located here: /app/design/frontend/[your package]/[your package]/template/page/html/header.phtml And add this where you want to header cart to sit:
<?php echo $this->getChildHtml('topCart')?>
Save the header.phtml file. Now make your top-cart.phtml file and save it here: /app/design/frontend/[your package]/[your package]/template/checkout/cart/top_cart.phtml Mine was a fairly cut-down one, here is the contents of mine:
<?php $_cartQty = $this->getSummaryCount(); if ($_cartQty>0) if ($_cartQty==1) echo $this->__('There is 1 item in your cart.', $this->getUrl('checkout/cart')); else echo $this->__('There are %s items in your cart.', $this->getUrl('checkout/cart'), $_cartQty); else echo $this->__('You have no items in your cart.'); ?> < ?php echo $this->__(' Subtotal:') ?> < ?php echo Mage::helper('checkout')->formatPrice($this->getSubtotal()) ?> < ?php if ($_subtotalInclTax = $this->getSubtotalInclTax()): ?> (< ?php echo Mage::helper('checkout')->formatPrice($_subtotalInclTax) ?> < ?php echo Mage::helper('tax')->getIncExcText(true) ?>) < ?php endif; ?>
Save the top_cart.phtml file Upload the files and your done. It’s then just a matter of styling the elements with CSS to your liking.
Hi, please help. For the top-cart.phtml file, I did not find the directory you wrote. Using 1.8.1 Magento - I have added to the header.phtml. The line following Remove the cart and checkout links is blank, what should I do to remove cart and checkout links?
– Lykingond
Oct 16 '14 at 16:39
add a comment |
You can easily add cart summary to the header using local.xml file. I thought finding good documentation on how to add a cart summary to the header of a site would be simple. Unfortunately not! When building a Magento theme, I use the local.xml methodology, and fall back on the base files. It’s widely considered the ‘right’ way to theme for Magento and in the interests of being jolly good people, that’s the way we’ll be doing things here. If you aren’t familiar with the use of a local.xml to make your theme amendments, read about the Magento and come back when you are done. First, in your local.xml file, add the following within the tag section:
If you want to remove the ‘cart’ and ‘checkout’ links from the header you also need to add this line:
Then finally here we want to add our new section, so stick this in:
Save the local.xml file. Now open your header.phtml template file located here: /app/design/frontend/[your package]/[your package]/template/page/html/header.phtml And add this where you want to header cart to sit:
<?php echo $this->getChildHtml('topCart')?>
Save the header.phtml file. Now make your top-cart.phtml file and save it here: /app/design/frontend/[your package]/[your package]/template/checkout/cart/top_cart.phtml Mine was a fairly cut-down one, here is the contents of mine:
<?php $_cartQty = $this->getSummaryCount(); if ($_cartQty>0) if ($_cartQty==1) echo $this->__('There is 1 item in your cart.', $this->getUrl('checkout/cart')); else echo $this->__('There are %s items in your cart.', $this->getUrl('checkout/cart'), $_cartQty); else echo $this->__('You have no items in your cart.'); ?> < ?php echo $this->__(' Subtotal:') ?> < ?php echo Mage::helper('checkout')->formatPrice($this->getSubtotal()) ?> < ?php if ($_subtotalInclTax = $this->getSubtotalInclTax()): ?> (< ?php echo Mage::helper('checkout')->formatPrice($_subtotalInclTax) ?> < ?php echo Mage::helper('tax')->getIncExcText(true) ?>) < ?php endif; ?>
Save the top_cart.phtml file Upload the files and your done. It’s then just a matter of styling the elements with CSS to your liking.
Hi, please help. For the top-cart.phtml file, I did not find the directory you wrote. Using 1.8.1 Magento - I have added to the header.phtml. The line following Remove the cart and checkout links is blank, what should I do to remove cart and checkout links?
– Lykingond
Oct 16 '14 at 16:39
add a comment |
You can easily add cart summary to the header using local.xml file. I thought finding good documentation on how to add a cart summary to the header of a site would be simple. Unfortunately not! When building a Magento theme, I use the local.xml methodology, and fall back on the base files. It’s widely considered the ‘right’ way to theme for Magento and in the interests of being jolly good people, that’s the way we’ll be doing things here. If you aren’t familiar with the use of a local.xml to make your theme amendments, read about the Magento and come back when you are done. First, in your local.xml file, add the following within the tag section:
If you want to remove the ‘cart’ and ‘checkout’ links from the header you also need to add this line:
Then finally here we want to add our new section, so stick this in:
Save the local.xml file. Now open your header.phtml template file located here: /app/design/frontend/[your package]/[your package]/template/page/html/header.phtml And add this where you want to header cart to sit:
<?php echo $this->getChildHtml('topCart')?>
Save the header.phtml file. Now make your top-cart.phtml file and save it here: /app/design/frontend/[your package]/[your package]/template/checkout/cart/top_cart.phtml Mine was a fairly cut-down one, here is the contents of mine:
<?php $_cartQty = $this->getSummaryCount(); if ($_cartQty>0) if ($_cartQty==1) echo $this->__('There is 1 item in your cart.', $this->getUrl('checkout/cart')); else echo $this->__('There are %s items in your cart.', $this->getUrl('checkout/cart'), $_cartQty); else echo $this->__('You have no items in your cart.'); ?> < ?php echo $this->__(' Subtotal:') ?> < ?php echo Mage::helper('checkout')->formatPrice($this->getSubtotal()) ?> < ?php if ($_subtotalInclTax = $this->getSubtotalInclTax()): ?> (< ?php echo Mage::helper('checkout')->formatPrice($_subtotalInclTax) ?> < ?php echo Mage::helper('tax')->getIncExcText(true) ?>) < ?php endif; ?>
Save the top_cart.phtml file Upload the files and your done. It’s then just a matter of styling the elements with CSS to your liking.
You can easily add cart summary to the header using local.xml file. I thought finding good documentation on how to add a cart summary to the header of a site would be simple. Unfortunately not! When building a Magento theme, I use the local.xml methodology, and fall back on the base files. It’s widely considered the ‘right’ way to theme for Magento and in the interests of being jolly good people, that’s the way we’ll be doing things here. If you aren’t familiar with the use of a local.xml to make your theme amendments, read about the Magento and come back when you are done. First, in your local.xml file, add the following within the tag section:
If you want to remove the ‘cart’ and ‘checkout’ links from the header you also need to add this line:
Then finally here we want to add our new section, so stick this in:
Save the local.xml file. Now open your header.phtml template file located here: /app/design/frontend/[your package]/[your package]/template/page/html/header.phtml And add this where you want to header cart to sit:
<?php echo $this->getChildHtml('topCart')?>
Save the header.phtml file. Now make your top-cart.phtml file and save it here: /app/design/frontend/[your package]/[your package]/template/checkout/cart/top_cart.phtml Mine was a fairly cut-down one, here is the contents of mine:
<?php $_cartQty = $this->getSummaryCount(); if ($_cartQty>0) if ($_cartQty==1) echo $this->__('There is 1 item in your cart.', $this->getUrl('checkout/cart')); else echo $this->__('There are %s items in your cart.', $this->getUrl('checkout/cart'), $_cartQty); else echo $this->__('You have no items in your cart.'); ?> < ?php echo $this->__(' Subtotal:') ?> < ?php echo Mage::helper('checkout')->formatPrice($this->getSubtotal()) ?> < ?php if ($_subtotalInclTax = $this->getSubtotalInclTax()): ?> (< ?php echo Mage::helper('checkout')->formatPrice($_subtotalInclTax) ?> < ?php echo Mage::helper('tax')->getIncExcText(true) ?>) < ?php endif; ?>
Save the top_cart.phtml file Upload the files and your done. It’s then just a matter of styling the elements with CSS to your liking.
edited Aug 4 '14 at 10:15
Marius♦
168k28324692
168k28324692
answered Aug 4 '14 at 9:59
ManpreetManpreet
311
311
Hi, please help. For the top-cart.phtml file, I did not find the directory you wrote. Using 1.8.1 Magento - I have added to the header.phtml. The line following Remove the cart and checkout links is blank, what should I do to remove cart and checkout links?
– Lykingond
Oct 16 '14 at 16:39
add a comment |
Hi, please help. For the top-cart.phtml file, I did not find the directory you wrote. Using 1.8.1 Magento - I have added to the header.phtml. The line following Remove the cart and checkout links is blank, what should I do to remove cart and checkout links?
– Lykingond
Oct 16 '14 at 16:39
Hi, please help. For the top-cart.phtml file, I did not find the directory you wrote. Using 1.8.1 Magento - I have added to the header.phtml. The line following Remove the cart and checkout links is blank, what should I do to remove cart and checkout links?
– Lykingond
Oct 16 '14 at 16:39
Hi, please help. For the top-cart.phtml file, I did not find the directory you wrote. Using 1.8.1 Magento - I have added to the header.phtml. The line following Remove the cart and checkout links is blank, what should I do to remove cart and checkout links?
– Lykingond
Oct 16 '14 at 16:39
add a comment |
Thanks for contributing an answer to Magento Stack Exchange!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f31109%2fhow-to-add-a-cart-icon-to-header%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown