We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to Add Metafield in Product Page and Adjust Product Grid View on Shopify

How to Add Metafield in Product Page and Adjust Product Grid View on Shopify

premsai
Tourist
30 0 3

in ella theme how to add a metafeild in product page for example Indian Ethnic Women's Presha Dabu Slub Cotton Kali Kurta – THE INDIAN ETHNIC CO. can you please check this show metafeild in drop down under the discription. and in the product grid view the image is different frame i need a 2pic in a row not a single pic Indian Ethnic Women's Presha Dabu Slub Cotton Kali Kurta – THE INDIAN ETHNIC CO. can you please check this website for refreence

Reply 1 (1)

DaisyVo
Shopify Partner
4469 501 599

Hi @premsai 

 

To add a metafield in the Ella theme product page as a dropdown under the description and adjust the grid view:

  1. Add Metafield in Product Page:
    • Go to Online Store > Themes > Edit Code.
    • Open product-template.liquid (or similar).
    • Add code to display the metafield under the description using {{ product.metafields.namespace.key }} within a dropdown structure.
  2. Adjust Product Grid Layout:
    • In the CSS or theme settings, adjust the product grid settings for two images per row.
    • Check theme.scss or theme options for grid configuration.

Make sure to save and preview changes on the site.

 

If you have other questions, I am willing to answer them more.

 

Best regards,

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution