{"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<h2 class=\"wp-block-heading\" id=\"placing-size-chart-or-changing-position-manually\">Placing Size Chart or Changing Position Manually<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If at some point you need to put <a href=\"\/magento-1-size-chart\">Magento Size Chart<\/a> in some other place on the page, or it does not show up &#8211; please follow the instructions below.<\/p>\n\n\n\n<div class=\"wp-block-group pr-notice pr-notice-warning\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"pr-notice-title wp-block-paragraph\">Important Information:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you use custom theme (or third-party extensions) &#8211; some other product page template file outlined in <strong>step 3<\/strong> may be used. In this case you will need to enable &#8220;Template Path Hints&#8221; 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 <strong><a href=\"\/learn\/magento-1-path-hints\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">this article<\/a><\/strong> .Once template path hints are enabled on your website &#8211; please go to product page and find the template that covers most of the elements of the page That&#8217;s the template you need to edit in your custom theme.<\/p>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns table-to-grid is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Changes to be made<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Website Frontend &#8211; Product page<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p class=\"wp-block-paragraph\">On your server please make the following steps:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">1. Copy file:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">\/app\/design\/frontend\/base\/default\/layout\/sizechart.xml<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">to<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">\/app\/design\/frontend\/PACKAGE_NAME\/THEME_NAME\/layout\/sizechart.xml<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><i>a. PACKAGE_NAME (Current Package Name) can can be found in Magento Admin Panel -&gt; System -&gt; Configuration -&gt; Design -&gt; &#8220;Package&#8221; tab.<\/i> <i>b. THEME_NAME (Themes Templates) can be found in Magento Admin Panel -&gt; System -&gt; Configuration -&gt; Design -&gt; &#8220;Themes&#8221; tab. If &#8220;Templates&#8221; field is empty &#8211; then template name will be &#8220;default&#8221;.<\/i><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">2. Now in the file:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">\/app\/design\/frontend\/PACKAGE_NAME\/THEME_NAME\/layout\/sizechart.xml<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">comment or remove the following lines:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">&lt;reference name=&quot;product.info.extrahint&quot;&gt;\n    &lt;action method=&quot;append&quot;&gt;&lt;block&gt;sizechart&lt;\/block&gt;&lt;\/action&gt;\n&lt;\/reference&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"example-block\">\n    <p class=\"example-block-title\">Code Example<\/p>\n    \n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"23-27\"><code class=\"language-markup\" data-line=\"\">&lt;?xml version=&quot;1.0&quot;?&gt;\n    &lt;layout version=&quot;0.1.0&quot;&gt;\n        &lt;default&gt;\n            &lt;reference name=&quot;head&quot;&gt;\n                &lt;action method=&quot;addItem&quot; ifconfig=&quot;sizechart\/general\/enabled&quot;&gt;\n                    &lt;type&gt;skin_css&lt;\/type&gt;\n                    &lt;name&gt;css\/plumrocket\/sizechart\/sizechart.css&lt;\/name&gt;\n                &lt;\/action&gt;\n                &lt;action method=&quot;addItem&quot; ifconfig=&quot;sizechart\/general\/enabled&quot;&gt;\n                    &lt;type&gt;skin_js&lt;\/type&gt;\n                    &lt;name&gt;js\/plumrocket\/jquery-1.10.2.min.js&lt;\/name&gt;\n                &lt;\/action&gt;\n                &lt;action method=&quot;addItem&quot; ifconfig=&quot;sizechart\/general\/enabled&quot;&gt;\n                    &lt;type&gt;skin_js&lt;\/type&gt;\n                    &lt;name&gt;js\/plumrocket\/sizechart\/sizechart.js&lt;\/name&gt;\n                &lt;\/action&gt;\n            &lt;\/reference&gt;\n        &lt;\/default&gt;\n        &lt;catalog_product_view&gt;\n            &lt;reference name=&quot;content&quot;&gt;\n                &lt;reference name=&quot;product.info&quot;&gt;\n                    &lt;block type=&quot;sizechart\/sizechart&quot; name=&quot;sizechart&quot;\n                        template=&quot;sizechart\/sizechart.phtml&quot; \/&gt;\n                &lt;\/reference&gt;\n                &lt;!--\n                &lt;reference name=&quot;product.info.extrahint&quot;&gt;\n                    &lt;action method=&quot;append&quot;&gt;&lt;block&gt;sizechart&lt;\/block&gt;&lt;\/action&gt;\n                &lt;\/reference&gt;\n                --&gt;\n            &lt;\/reference&gt;\n        &lt;\/catalog_product_view&gt;\n    &lt;\/layout&gt;<\/code><\/pre><\/div>\n<\/div><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">3. Now edit the following product page template file:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-markup\" data-line=\"\">\/app\/design\/frontend\/PACKAGE_NAME\/THEME_NAME\/template\/catalog\/product\/view.phtml<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">by pasting the below line of code in the place you need:<\/p>\n\n\n\n<div class=\"wp-block-prismatic-blocks\"><div><\/div><pre><code class=\"language-php\" data-line=\"\">&lt;?php echo $this-&gt;getChildHtml(&#039;sizechart&#039;) ?&gt;<\/code><\/pre><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"example-block\">\n    <p class=\"example-block-title\">Code Example<\/p>\n\n    <p>If you need to place the Size Chart button after product short description, the code will be as follows:<\/p>\n\n    <div class=\"wp-block-prismatic-blocks\"><div><\/div><pre data-line=\"62\"><code class=\"language-php\" data-line=\"\">&lt;div class=&quot;product-view&quot;&gt;\n        &lt;div class=&quot;product-essential&quot;&gt;\n            &lt;form action=&quot;&lt;?php echo $this-&gt;getSubmitUrl($_product) ?&gt;&quot; method=&quot;post&quot;\n                id=&quot;product_addtocart_form&quot;\n                &lt;?php if($_product-&gt;getOptions()): ?&gt; enctype=&quot;multipart\/form-data&quot;\n                &lt;?php endif; ?&gt;&gt;\n                    &lt;?php echo $this-&gt;getBlockHtml(&#039;formkey&#039;) ?&gt;\n                    &lt;div class=&quot;no-display&quot;&gt;\n                        &lt;input type=&quot;hidden&quot; name=&quot;product&quot;\n                            value=&quot;&lt;?php echo $_product-&gt;getId() ?&gt;&quot; \/&gt;\n                        &lt;input type=&quot;hidden&quot; name=&quot;related_product&quot;\n                            id=&quot;related-products-field&quot; value=&quot;&quot; \/&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=&quot;product-img-box&quot;&gt;\n                        &lt;div class=&quot;product-name&quot;&gt;\n                            &lt;h1&gt;\n                                &lt;?php\n                                    echo $_helper-&gt;productAttribute(\n                                        $_product, $_product-&gt;getName(), &#039;name&#039;\n                                    ) ?&gt;\n                            &lt;\/h1&gt;\n                        &lt;\/div&gt;\n                        &lt;?php echo $this-&gt;getChildHtml(&#039;media&#039;) ?&gt;\n                    &lt;\/div&gt;\n                    &lt;div class=&quot;product-shop&quot;&gt;\n                        &lt;div class=&quot;product-name&quot;&gt;\n                            &lt;span class=&quot;h1&quot;&gt;\n                                &lt;?php\n                                    echo\n                                        $_helper-&gt;productAttribute(\n                                            $_product, $_product-&gt;getName(), &#039;name&#039;\n                                    )\n                                ?&gt;\n                            &lt;\/span&gt;\n                        &lt;\/div&gt;\n    \n                        &lt;div class=&quot;price-info&quot;&gt;\n                            &lt;?php echo $this-&gt;getPriceHtml($_product); ?&gt;\n                            &lt;?php echo $this-&gt;getChildHtml(&#039;bundle_prices&#039;) ?&gt;\n                            &lt;?php echo $this-&gt;getTierPriceHtml() ?&gt;\n                        &lt;\/div&gt;\n    \n                        &lt;div class=&quot;extra-info&quot;&gt;\n                            &lt;?php\n                                echo $this-&gt;getReviewsSummaryHtml(\n                                    $_product, &#039;default&#039;, false\n                                )\n                            ?&gt;\n                            &lt;?php echo $this-&gt;getChildHtml(&#039;product_type_availability&#039;); ?&gt;\n                        &lt;\/div&gt;\n    \n                        &lt;?php echo $this-&gt;getChildHtml(&#039;alert_urls&#039;) ?&gt;\n    \n                        &lt;?php if ($_product-&gt;getShortDescription())(think)&gt;\n                            &lt;div class=&quot;short-description&quot;&gt;\n                                &lt;div class=&quot;std&quot;&gt;\n                                    &lt;?php\n                                        echo $_helper-&gt;productAttribute(\n                                            $_product, nl2br(\n                                                $_product-&gt;getShortDescription()\n                                            ), &#039;short_description\n                                        &#039;)\n                                    ?&gt;\n                                &lt;\/div&gt;\n                            &lt;\/div&gt;\n                        &lt;?php endif;?&gt;\n    \n                        &lt;?php echo $this-&gt;getChildHtml(&#039;sizechart&#039;) ?&gt;\n    \n                        &lt;?php echo $this-&gt;getChildHtml(&#039;other&#039;);?&gt;<\/code><\/pre><\/div>\n<\/div><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>4. After you make these code changes &#8211; don&#8217;t forget to <a href=\"\/docs\/general\/frequently-asked-questions#clear-magento-cache\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">clear Magento cache<\/a>.<\/strong><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<ol class=\"wp-block-list\"><li><strong>Size Chart button position on product page.<\/strong><\/li><\/ol>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/wp-content\/uploads\/2020\/05\/Size_chart_change_button_position.png\" alt=\"Size chart change button position.png\"\/><\/figure>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>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 &#8211; please follow the instructions below. Important Information: If you use custom theme (or third-party extensions) &#8211; some other product page template file outlined &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Magento 1 Size Chart v1.x Developer Guide and API Reference&#8221;<\/span><\/a><\/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,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[254],"tags":[],"class_list":["post-456","post","type-post","status-publish","format-standard","hentry","category-magento-1-size-chart-v1","entry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v17.2 (Yoast SEO v28.1) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Magento 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 name=\"author\" content=\"Plumrocket\" \/>\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","author":"Plumrocket","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Plumrocket","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide#article","isPartOf":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide"},"author":{"name":"Plumrocket","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20"},"headline":"Magento 1 Size Chart v1.x Developer Guide and API Reference","datePublished":"2020-02-28T16:08:37+00:00","dateModified":"2021-09-28T15:28:19+00:00","mainEntityOfPage":{"@id":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide"},"wordCount":311,"commentCount":0,"articleSection":["v1"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/plumrocket.com\/docs\/magento-1-size-chart\/v1\/devguide","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"},"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":"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":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/plumrocket.com\/docs\/#\/schema\/person\/38b360639b934d6c984ee4f3ffce7d20","name":"Plumrocket","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/85ed2f38dbe6a031f443b1949101e9b31bbd6985eae2cac6695629e7ad280aee?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/85ed2f38dbe6a031f443b1949101e9b31bbd6985eae2cac6695629e7ad280aee?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/85ed2f38dbe6a031f443b1949101e9b31bbd6985eae2cac6695629e7ad280aee?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","targetHints":{"allow":["GET"]}}],"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}]}}