product title should change with different variants

RoshanWeb
Shopify Partner
9 0 0

Hi Team, 

As you can see in the image, I want to change product title as per different variants. Suppose If i click on off-white variant then it should change the color of the product but also i need product title should change. I don't want apps. Would love if it can be done by code.

theme name:- Fashionopolism (Haute)

 

 

 

RoshanWeb_1-1714480388192.png

 

 

Replies 2 (2)

PageFly-Theodor
Shopify Partner
630 78 94

Hi @RoshanWeb ,
This is Theodore from PageFly - Shopify Page Builder App.

 

  • Edit theme code: Go to Shopify admin > Online Store > Themes > Edit code for Fashionopolism (Haute) theme.
  • Locate product.liquid: Find the product.liquid file in Assets.
  • Modify title section: Find the code that displays the product title (might look like <h1>{{ product.title }}</h1>).
  • Add variant logic: Use Liquid code to check the selected variant's option (e.g., color) and modify the title accordingly. Here's an example:

 

<h1>
  {{ product.title }}
  {% if variant.option1 != 'Default' %}  - {{ variant.option1 }}
  {% endif %}
</h1>

 

 

 


Best regards,
Theodore | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

RoshanWeb
Shopify Partner
9 0 0

Hi Theodore,

Thank you for your reply, but I am not able to dynamically change title of the product. I put the snippet of code which you sent me but it is not helping, instead of title change there is id which can be seen on the product.

 

RoshanWeb_0-1714715827951.png