{"id":456,"date":"2020-02-28T16:08:37","date_gmt":"2020-02-28T16:08:37","guid":{"rendered":"http:\/\/wiki2.plumserver.com\/knowledge-base\/magento-size-chart-v1-x-developers-guide-and-api-reference"},"modified":"2021-09-28T11:28:19","modified_gmt":"2021-09-28T15:28:19","slug":"magento-size-chart-v1-x-developers-guide-and-api-reference","status":"publish","type":"post","link":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide","title":{"rendered":"Magento 1 Size Chart v1.x Developer Guide and API Reference"},"content":{"rendered":"\n

Placing Size Chart or Changing Position Manually<\/h2>\n\n\n\n

If at some point you need to put Magento Size Chart<\/a> in some other place on the page, or it does not show up – please follow the instructions below.<\/p>\n\n\n\n

\n

Important Information:<\/p>\n\n\n\n

If you use custom theme (or third-party extensions) – some other product page template file outlined in step 3<\/strong> may be used. In this case you will need to enable “Template Path Hints” option in your Magento backend. This will let you see the path and name for this template. More information on how to enable template path hints can be found in this article<\/a><\/strong> .Once template path hints are enabled on your website – please go to product page and find the template that covers most of the elements of the page That’s the template you need to edit in your custom theme.<\/p>\n<\/div><\/div>\n\n\n\n

\n
\n
\n
\n

Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n

\n
\n

Website Frontend – Product page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n

\n
\n

On your server please make the following steps:<\/p>\n\n\n\n

1. Copy file:<\/p>\n\n\n\n

<\/div>
\/app\/design\/frontend\/base\/default\/layout\/sizechart.xml<\/code><\/pre><\/div>\n\n\n\n
to<\/p>\n\n\n\n
<\/div>
\/app\/design\/frontend\/PACKAGE_NAME\/THEME_NAME\/layout\/sizechart.xml<\/code><\/pre><\/div>\n\n\n\n
a. PACKAGE_NAME (Current Package Name) can can be found in Magento Admin Panel -> System -> Configuration -> Design -> “Package” tab.<\/i> b. THEME_NAME (Themes Templates) can be found in Magento Admin Panel -> System -> Configuration -> Design -> “Themes” tab. If “Templates” field is empty – then template name will be “default”.<\/i><\/p>\n\n\n\n
2. Now in the file:<\/p>\n\n\n\n
<\/div>
\/app\/design\/frontend\/PACKAGE_NAME\/THEME_NAME\/layout\/sizechart.xml<\/code><\/pre><\/div>\n\n\n\n
comment or remove the following lines:<\/p>\n\n\n\n
<\/div>
<reference name=\"product.info.extrahint\">\n    <action method=\"append\"><block>sizechart<\/block><\/action>\n<\/reference><\/code><\/pre><\/div>\n\n\n\n
\n    
Code Example<\/p>\n    \n    
<\/div>
<?xml version=\"1.0\"?>\n    <layout version=\"0.1.0\">\n        <default>\n            <reference name=\"head\">\n                <action method=\"addItem\" ifconfig=\"sizechart\/general\/enabled\">\n                    <type>skin_css<\/type>\n                    <name>css\/plumrocket\/sizechart\/sizechart.css<\/name>\n                <\/action>\n                <action method=\"addItem\" ifconfig=\"sizechart\/general\/enabled\">\n                    <type>skin_js<\/type>\n                    <name>js\/plumrocket\/jquery-1.10.2.min.js<\/name>\n                <\/action>\n                <action method=\"addItem\" ifconfig=\"sizechart\/general\/enabled\">\n                    <type>skin_js<\/type>\n                    <name>js\/plumrocket\/sizechart\/sizechart.js<\/name>\n                <\/action>\n            <\/reference>\n        <\/default>\n        <catalog_product_view>\n            <reference name=\"content\">\n                <reference name=\"product.info\">\n                    <block type=\"sizechart\/sizechart\" name=\"sizechart\"\n                        template=\"sizechart\/sizechart.phtml\" \/>\n                <\/reference>\n                <!--\n                <reference name=\"product.info.extrahint\">\n                    <action method=\"append\"><block>sizechart<\/block><\/action>\n                <\/reference>\n                -->\n            <\/reference>\n        <\/catalog_product_view>\n    <\/layout><\/code><\/pre><\/div>\n<\/div><\/p>\n\n\n\n
3. Now edit the following product page template file:<\/p>\n\n\n\n
<\/div>
\/app\/design\/frontend\/PACKAGE_NAME\/THEME_NAME\/template\/catalog\/product\/view.phtml<\/code><\/pre><\/div>\n\n\n\n
by pasting the below line of code in the place you need:<\/p>\n\n\n\n
<\/div>
<?php echo $this->getChildHtml('sizechart') ?><\/code><\/pre><\/div>\n\n\n\n
\n    
Code Example<\/p>\n\n    
If you need to place the Size Chart button after product short description, the code will be as follows:<\/p>\n\n    
<\/div>
<div class=\"product-view\">\n        <div class=\"product-essential\">\n            <form action=\"<?php echo $this->getSubmitUrl($_product) ?>\" method=\"post\"\n                id=\"product_addtocart_form\"\n                <?php if($_product->getOptions()): ?> enctype=\"multipart\/form-data\"\n                <?php endif; ?>>\n                    <?php echo $this->getBlockHtml('formkey') ?>\n                    <div class=\"no-display\">\n                        <input type=\"hidden\" name=\"product\"\n                            value=\"<?php echo $_product->getId() ?>\" \/>\n                        <input type=\"hidden\" name=\"related_product\"\n                            id=\"related-products-field\" value=\"\" \/>\n                    <\/div>\n                    <div class=\"product-img-box\">\n                        <div class=\"product-name\">\n                            <h1>\n                                <?php\n                                    echo $_helper->productAttribute(\n                                        $_product, $_product->getName(), 'name'\n                                    ) ?>\n                            <\/h1>\n                        <\/div>\n                        <?php echo $this->getChildHtml('media') ?>\n                    <\/div>\n                    <div class=\"product-shop\">\n                        <div class=\"product-name\">\n                            <span class=\"h1\">\n                                <?php\n                                    echo\n                                        $_helper->productAttribute(\n                                            $_product, $_product->getName(), 'name'\n                                    )\n                                ?>\n                            <\/span>\n                        <\/div>\n    \n                        <div class=\"price-info\">\n                            <?php echo $this->getPriceHtml($_product); ?>\n                            <?php echo $this->getChildHtml('bundle_prices') ?>\n                            <?php echo $this->getTierPriceHtml() ?>\n                        <\/div>\n    \n                        <div class=\"extra-info\">\n                            <?php\n                                echo $this->getReviewsSummaryHtml(\n                                    $_product, 'default', false\n                                )\n                            ?>\n                            <?php echo $this->getChildHtml('product_type_availability'); ?>\n                        <\/div>\n    \n                        <?php echo $this->getChildHtml('alert_urls') ?>\n    \n                        <?php if ($_product->getShortDescription())(think)>\n                            <div class=\"short-description\">\n                                <div class=\"std\">\n                                    <?php\n                                        echo $_helper->productAttribute(\n                                            $_product, nl2br(\n                                                $_product->getShortDescription()\n                                            ), 'short_description\n                                        ')\n                                    ?>\n                                <\/div>\n                            <\/div>\n                        <?php endif;?>\n    \n                        <?php echo $this->getChildHtml('sizechart') ?>\n    \n                        <?php echo $this->getChildHtml('other');?><\/code><\/pre><\/div>\n<\/div><\/p>\n\n\n\n
4. After you make these code changes – don’t forget to clear Magento cache<\/a>.<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n
\n
\n
  1. Size Chart button position on product page.<\/strong><\/li><\/ol>\n\n\n\n
    \"Size<\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"
    Placing Size Chart or Changing Position Manually If at some point you need to put Magento Size Chart in some other place on the page, or it does not show up – please follow the instructions below.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false,"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[254],"tags":[],"yoast_head":"\nMagento Size Chart v1.x Developer Guide and API Reference - Plumrocket Documentation<\/title>\n<meta name=\"description\" content=\"Placing Size Chart or Changing Position Manually If at some point you need to put Magento Size Chart in some other place on the page, or it does not show\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Magento 1 Size Chart v1.x Developer Guide and API Reference\" \/>\n<meta property=\"og:description\" content=\"Placing Size Chart or Changing Position Manually If at some point you need to put Magento Size Chart in some other place on the page, or it does not show\" \/>\n<meta property=\"og:url\" content=\"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide\" \/>\n<meta property=\"og:site_name\" content=\"Plumrocket Documentation\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-28T16:08:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-09-28T15:28:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/Size_chart_change_button_position.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Plumrocket\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Magento Size Chart v1.x Developer Guide and API Reference - Plumrocket Documentation","description":"Placing Size Chart or Changing Position Manually If at some point you need to put Magento Size Chart in some other place on the page, or it does not show","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide","og_locale":"en_US","og_type":"article","og_title":"Magento 1 Size Chart v1.x Developer Guide and API Reference","og_description":"Placing Size Chart or Changing Position Manually If at some point you need to put Magento Size Chart in some other place on the page, or it does not show","og_url":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide","og_site_name":"Plumrocket Documentation","article_published_time":"2020-02-28T16:08:37+00:00","article_modified_time":"2021-09-28T15:28:19+00:00","og_image":[{"url":"https:\/\/plumrocket.com\/docs\/wp-content\/uploads\/2020\/05\/Size_chart_change_button_position.png"}],"twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/plumrocket.com\/docs\/#website","url":"https:\/\/plumrocket.com\/docs\/","name":"Plumrocket Documentation","description":"Extensions docs, troubleshootings etc.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/plumrocket.com\/docs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide#primaryimage","inLanguage":"en-US","url":"\/docs\/wp-content\/uploads\/2020\/05\/Size_chart_change_button_position.png","contentUrl":"\/docs\/wp-content\/uploads\/2020\/05\/Size_chart_change_button_position.png"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide#webpage","url":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide","name":"Magento 1 Size Chart v1.x Developer Guide and API Reference - Plumrocket Documentation","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/#website"},"primaryImageOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide#primaryimage"},"datePublished":"2020-02-28T16:08:37+00:00","dateModified":"2021-09-28T15:28:19+00:00","author":{"@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"description":"Placing Size Chart or Changing Position Manually If at some point you need to put Magento Size Chart in some other place on the page, or it does not show","breadcrumb":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Magento Extensions","item":"https:\/\/plumrocket.com\/magento-1-extensions"},{"@type":"ListItem","position":2,"name":"Magento Size Chart","item":"https:\/\/plumrocket.com\/magento-1-size-chart"},{"@type":"ListItem","position":3,"name":"Documentation","item":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart"},{"@type":"ListItem","position":4,"name":"v1","item":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1"},{"@type":"ListItem","position":5,"name":"Developer Guide"}]},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","@id":"https:\/\/plumrocket.com\/docs\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/72392a92ae750c66560be284502b6676?s=96&d=mm&r=g","caption":"Plumrocket"},"sameAs":["https:\/\/plumrocket.com\/docs"]}]}},"_links":{"self":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/456"}],"collection":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/comments?post=456"}],"version-history":[{"count":4,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/456\/revisions"}],"predecessor-version":[{"id":24710,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/posts\/456\/revisions\/24710"}],"wp:attachment":[{"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/media?parent=456"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/categories?post=456"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/plumrocket.com\/docs\/wp-json\/wp\/v2\/tags?post=456"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}