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.
The year-end shopping spree is around the corner! Is your online store ready for the ...
By JasonH Nov 10, 2024We recently spoke with Zopi developers @Zopi about how dropshipping businesses can enha...
By JasonH Oct 23, 2024A big shout out to all of the merchants who participated in our AMA with 2H Media: Holi...
By Jacqui Oct 21, 2024