1.4K Messages
•
262.9K Points
How do I move my description panel on the product.html page?
In your template files, you can move around the panels that are used on your storefront. In this fashion, you can actually move panels such as the Product Description and Other Details. As an example, this article will move these two panels in between the price and add to cart button on the product page.
Please note that while we offer this tutorial and it is tested and working at the time of creation, any customization of or support for these types of articles is outside of our scope of support. If you require assistance with any design or customization, we recommend that you contact a Homestead web advisor to discuss Design services.
Please Note
This tutorial does not apply to the following Themes given that these variables already reside inside ProductDetails.html, and therefore do not need to be moved: Classic - White, Bedazzled - White, BrideToBe - White, ClassicHip - White, HomeiQ - White, Munchen - White, Musik - Black, Outdoor - White, Runway - White, and Winestore - White.
1.) Login to your store's control panel.
2.) Click on Design.
![design2013-05-15_1805.png design2013-05-15_1805.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/design20130515_1805-17596828-1597-4762-a79e-f85372c6a169-1598330207.png)
3.) Click on the Template Files tab.
![template_files2013-05-15_1805.png template_files2013-05-15_1805.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/template_files20130515_1805-84f00e5a-34cb-4730-a550-6669e3a79e21-882856149.png)
4.) Scroll down to the product.html file, and click Edit.
![product2013-06-19_1829resized.png product2013-06-19_1829resized.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/product20130619_1829resized-11adc847-905f-48b9-920a-e3a2439cf0ad-1880315707.png)
5.) Copy the panel's variable that you wish to move. In this case, we're going to move both %%Panel.ProductDescription%% and %%Panel.ProductOtherDetails%%.
![panelsselected2013-06-19_1825.png panelsselected2013-06-19_1825.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/panelsselected20130619_1825-c13e5644-473e-48e3-a813-cdafe8d8ed16-1772345644.png)
6.) In the list of Panels to the top left, scroll through and click on ProductDetails.html.
![prdouctdetails2013-06-19_1826.png prdouctdetails2013-06-19_1826.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/prdouctdetails20130619_1826-d5254730-a597-4c73-86c1-c621da637e56-1607377042.png)
7.) Paste the copied variables just above the Add to Cart snippet.
![pasted2013-06-19_1827.png pasted2013-06-19_1827.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/pasted20130619_1827-a16439da-79c5-4643-bfa6-a2bcc8a4034b-1187692903.png)
8.) Click Save.
![2012-01-18_1512.png 2012-01-18_1512.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/20120118_1512-7867740f-7a3f-4fa3-86c8-896bad16d19b-1344391176.png)
Here is how it will appear on the storefront:
![2010-07-01_1159.png 2010-07-01_1159.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/20100701_1159-45c02374-98db-4569-aa8f-26649a671d0f-184734809.png)
Please note that while we offer this tutorial and it is tested and working at the time of creation, any customization of or support for these types of articles is outside of our scope of support. If you require assistance with any design or customization, we recommend that you contact a Homestead web advisor to discuss Design services.
Please Note
This tutorial does not apply to the following Themes given that these variables already reside inside ProductDetails.html, and therefore do not need to be moved: Classic - White, Bedazzled - White, BrideToBe - White, ClassicHip - White, HomeiQ - White, Munchen - White, Musik - Black, Outdoor - White, Runway - White, and Winestore - White.
1.) Login to your store's control panel.
2.) Click on Design.
![design2013-05-15_1805.png design2013-05-15_1805.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/design20130515_1805-17596828-1597-4762-a79e-f85372c6a169-1598330207.png)
3.) Click on the Template Files tab.
![template_files2013-05-15_1805.png template_files2013-05-15_1805.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/template_files20130515_1805-84f00e5a-34cb-4730-a550-6669e3a79e21-882856149.png)
4.) Scroll down to the product.html file, and click Edit.
![product2013-06-19_1829resized.png product2013-06-19_1829resized.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/product20130619_1829resized-11adc847-905f-48b9-920a-e3a2439cf0ad-1880315707.png)
5.) Copy the panel's variable that you wish to move. In this case, we're going to move both %%Panel.ProductDescription%% and %%Panel.ProductOtherDetails%%.
![panelsselected2013-06-19_1825.png panelsselected2013-06-19_1825.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/panelsselected20130619_1825-c13e5644-473e-48e3-a813-cdafe8d8ed16-1772345644.png)
6.) In the list of Panels to the top left, scroll through and click on ProductDetails.html.
![prdouctdetails2013-06-19_1826.png prdouctdetails2013-06-19_1826.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/prdouctdetails20130619_1826-d5254730-a597-4c73-86c1-c621da637e56-1607377042.png)
7.) Paste the copied variables just above the Add to Cart snippet.
![pasted2013-06-19_1827.png pasted2013-06-19_1827.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/pasted20130619_1827-a16439da-79c5-4643-bfa6-a2bcc8a4034b-1187692903.png)
8.) Click Save.
![2012-01-18_1512.png 2012-01-18_1512.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/20120118_1512-7867740f-7a3f-4fa3-86c8-896bad16d19b-1344391176.png)
Here is how it will appear on the storefront:
![2010-07-01_1159.png 2010-07-01_1159.png](https://prod-content-care-community-cdn.sprinklr.com/18625bcc-2014-418f-a6bf-35b74df5be9f/20100701_1159-45c02374-98db-4569-aa8f-26649a671d0f-184734809.png)
No Responses!