How can I locate and customize a specific product in the edit code?

Shopify Discussion
1

Anyone helps how to find the specific product on the edit code, and how to customize the whole page of a particular product?

2

Hey @HansObena ,

To find the code for a specific product in a Shopify theme and customize the whole page of that product, you can follow these steps:

  1. Go to Online Store > Themes and click on the Actions dropdown menu for the theme you want to edit. Select Edit Code.

  2. In the left-hand menu, click on the Sections folder and look for the product-template.liquid file. This file contains the code for the product page.

  3. Open the product-template.liquid file and look for the code that corresponds to the section you want to customize. For example, if you want to customize the product description, look for the section of code that starts with {{ product.description }}.

  4. Edit the code as needed to customize the product page. You can use HTML, CSS, and Liquid code to make changes.

  5. Save the changes and preview the product page to make sure it looks the way you want it to.

  6. Once you are happy with the changes, publish the changes to your Shopify store.

1 Like
3

Hello @HansObena ,

You can try to take these steps:

  • Go to Shopify panel → click on “Products”
  • Find the product that you want to customize and click on its name to open the product details page.
  • Scroll down to the “Theme templates” section and click on “Edit code” to access the product.liquid file.
  • Use the liquid tags and variables to access and display the product information dynamically. For example, you can use the {{ product.title }} variable to display the product title, and the {{ product.description }} variable to display the product description.
  • Preview your changes by clicking on the “Preview” button in the top right corner of the screen.
  • Once you are satisfied with your changes, click on “Save” to publish them to your online store.

Hope this can work.

Ali Reviews team.

1 Like