How do I move the social share buttons below the product name?

  • 0
  • 1
  • Question
  • Updated 2 years ago
  • Answered
For some of the BigCommerce templates, the social share buttons are placed on the same row with the product name. If the product name is a bit longer than usual, it might override the buttons, as shown in this image:


1.) Login to your store's control panel.

2.) Click on Design.


3.) Click on the Template Files tab.


4.) Scroll down until you find the Panels folder and click the plus sign next to it.

5.) Find the ProductDetails.html file and click Edit.

6.) Type in style="margin-top: 30px;" to the highlighted area in that file.

7.) Click Save.


The product page will now look similar to the product below. Please know that you may need to change the amount of pixels, depending on your template.


Photo of Drew N

Drew N, Community Manager

  • 244,260 Points 100k badge 2x thumb

Posted 4 years ago

  • 0
  • 1
Photo of Katherine1221


  • 140 Points 100 badge 2x thumb
When I'm publishing a page, it asks if I want to enable social share. What does that mean? Will it be broadcasting the update on Facebook or what?
Photo of Drew N

Drew N, Community Manager

  • 244,240 Points 100k badge 2x thumb
The topic posted to is a different software than what you are using.

Please reference the new conversation here: What is the social share pop up when publishing?