How do I move my description panel on the product.html page?

  • 0
  • 1
  • Question
  • Updated 5 years ago
  • Answered
Archived and Closed

This conversation is no longer open for comments or replies and is no longer visible to community members. The community moderator provided the following reason for archiving: Archived

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

3.) Click on the Template Files tab.

template_files2013-05-15_1805.png

4.) Scroll down to the product.html file, and click Edit.

product2013-06-19_1829resized.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

6.) In the list of Panels to the top left, scroll through and click on ProductDetails.html.

prdouctdetails2013-06-19_1826.png

7.) Paste the copied variables just above the Add to Cart snippet.

pasted2013-06-19_1827.png

8.) Click Save.

2012-01-18_1512.png

 

Here is how it will appear on the storefront:

2010-07-01_1159.png

Photo of Drew N

Drew N, Community Manager

  • 252,538 Points 100k badge 2x thumb

Posted 5 years ago

  • 0
  • 1

There are no replies.

This conversation is no longer open for comments or replies.