how to tweak product page layout?

Follow

Comments

3 comments

  • Avatar
    Zetya Support

    Hi Jc,

    To add a new horizontal section to the product page like that I'd probably start by creating a new div just above 'product-continue' (giving it a unique id), then copying the style rules for product-continue.

    To pull in the content, you can use liquid along the lines of this (assuming you have extra content based on product type):

    <div id="product-extra">

    {{ pages["product-extra-{{ product.type }}"].content }}

    </div>

    Thanks, Gavin.

  • Avatar
    Michael Chapman

    Hi Gaven,

    Once I have the horizontal section added to the product page, how do I insert my information into this section on individual product pages?

    From the code you supplied above I get this text displaying in my new product-extra div section: #"].content }}

    Thank you,

    Chappy

  • Avatar
    Zetya Support

    Hi Michael,

    Now that Shopify supports snippets I'd recommend using them instead: http://docs.shopify.com/themes/theme-templates/snippets. 

    Thanks, Gavin.

     

Please sign in to leave a comment.