Our Partner & Developer boards on the community are moving to a brand new home: the .dev community forums! While you can still access past discussions here, for all your future app and storefront building questions, head over to the new forums.

creating specification table through metafields ella theme

Solved

creating specification table through metafields ella theme

uzairooo01
Tourist
10 0 0

hi,
I want to show the product specification table according to this blog "https://webforward.github.io/shopify-tables/". I am using the Ella Shopify theme according to the blog I created a snippet "specification-table" but does not have the option for product templates or product snippets to show the table. so please guide me.

Thank you,

 

Screenshot 2024-04-20 132221.png

 

Accepted Solution (1)
Sonya_2025
Shopify Partner
308 36 57

This is an accepted solution.

Hi, Pls follow below steps to add the table

1. Find the file "holo-product-tab.liquid" in your theme Snippets folder.

2. Insert into the code before the "content" param at line 157

{%- if block.type == 'description' -%}
  {% render 'specification-table' %}
{%- endif -%}

Sonya_2025_0-1713835664364.png

 

Hope this helps.

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME

View solution in original post

Replies 7 (7)

Sonya_2025
Shopify Partner
308 36 57

Hey @uzairooo01 

Ella is a complicated and highly customized theme. There are many product templates with different names from normal theme in the ella.

So you need to find out which product templates you are using.

Feel free to reach out if you have any questions.

 

 

 

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME
uzairooo01
Tourist
10 0 0
I am using the default product template
Sonya_2025
Shopify Partner
308 36 57

This is an accepted solution.

Hi, Pls follow below steps to add the table

1. Find the file "holo-product-tab.liquid" in your theme Snippets folder.

2. Insert into the code before the "content" param at line 157

{%- if block.type == 'description' -%}
  {% render 'specification-table' %}
{%- endif -%}

Sonya_2025_0-1713835664364.png

 

Hope this helps.

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME
uzairooo01
Tourist
10 0 0

Thank you for your previous instructions on adding a table to my product description tab. Unfortunately, after following the steps you provided, I am still experiencing an issue where the table does not display properly, and the JSON data is shown instead.

I appreciate your assistance and would be grateful if you could provide further guidance on resolving this issue. Can you do it from my side if I give you theme editing access? Thank you once again for your help.

 

code 1.pngcode 2.png

Sonya_2025
Shopify Partner
308 36 57

Hey, feel free to reach out at: sonyayuan08@email.com

Please let me know if it works by giving it a Like or marking it as a solution!
Feel free to reach out.Get Shopify free trial 1$/mon
 EMAIL ME  Motivate me by  PAY ME
uzairooo01
Tourist
10 0 0

I attempted to reach out to the email address you provided (sonyayuan08@email.com) but it appears to be invalid or non-existent. If you need to contact me, please use my email address: [redacted]

Regarding the guide you provided earlier, I followed the steps to add the table to my product description tab, but unfortunately, the table is not displaying correctly, and the JSON data is shown instead. I would appreciate any further guidance you could provide to resolve this issue.

Thank you for your understanding and assistance.

 

Screenshot 2024-04-23 203711.png

uzairooo01
Tourist
10 0 0

Thank you so much for helping me