All things Shopify and commerce
add subtitle under product title in impulse theme
Hello @Altea ,
I understand you are looking to display subtitle/subheading under Product name/heading.
You can add fields for providing information or subheading under the main heading by creating metafields.
Please go through the below mentioned links to understand, how the metafield was created and used.
- https://help.shopify.com/en/manual/custom-data/metafields
I hope it helps .
Please let me know if you have any query.
Thank you.
Either you can use product description (If it's not already used), use metafield (product metafield) or change the product template in the backend to include that (should be the same subtitle).
Let me know if you require further explanation.
To add a subtitle under the product title in the Impulse theme, you will need to make some changes to your theme code. Here are the steps: 1. From your Shopify admin, go to Online Store > Themes. 2. Find the Impulse theme and click on Actions > Edit code. 3. In the left-hand sidebar, click on Sections and open the product-template.liquid file. 4. Find the code for the product title, which should look something like this: ``` <h1 class="product-single__title">{{ product.title }}</h1> ``` 5. Below this code, add the following code to display the subtitle: ``` {% if product.subtitle %} <p class="product-subtitle">{{ product.subtitle }}</p> {% endif %} ``` 6. Save the changes and preview your product page to see the subtitle below the product title. Note that if your product does not have a subtitle, nothing will be displayed. You can add a subtitle to each product by editing the product in your Shopify admin and entering the subtitle in the "Subtitle" field.
Thank you! I do not have product-template.liquid in my sections I have main-product.liquid
& product-full-width.liquid. I have searche both and do not find anything like <h1 class="product-single__title">{{ product.title }}</h1>
Hi @Altea
Create a Product Subtitle Metafield:
Add Product Subtitles to Products:
In Theme Editor Where you want to show subtitle
Add a Text and Add Meta field data or
<p class="product-subtitle">{{ product.metafields.product_subtitle.value }}</p>
This code will display the product subtitle you entered in the metafield below the product title. You can style the .product-subtitle class to customize the appearance of the subtitle.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024