Hi, I want to add the short product description like the one on the picture, right now I can only add the product name there, anyone has an idea how do I do it? I’m aware I need to edit the code but I have no idea how
Hi There!
Add:
{{product.description}}
where you’d like to show it inside the product-template.liquid section
You can then style it as needed.
Cheers
This is my code in the section:
{% for field in product.metafields.areviews %} {{ field | last }} {% endfor %}
{% if section.settings.spd_style == “pd_center_img” %}
{% include ‘product-details-center-image’ %}
{% elsif section.settings.spd_style ==“pd_variabale” %}
{% include ‘product-variabale’ %}
{% elsif section.settings.spd_style ==“pd_sidebar” %}
{% include ‘product-details-sidebar’ %}
{% elsif section.settings.spd_style ==“pd_sticky” %}
{% include ‘product-details-sticky’ %}
{% endif %}
{% comment %}
To take advantage of a callback on the select dropdown, add option_selection.js
and customize the JS in timber.productPage as needed.
Currently, timber.productPage does the following:
- Hides your tag for each product option
- Enables/disables elements based on variant availability
Callback notes:
- Keep the callback available to the global scope (window.selectCallback) so that advanced
addons can override it.
- E.g. multiple currencies http://docs.shopify.com/manual/configuration/store-customization/currencies-and-translations/currencies/how-to-toggle-between-two-currencies
{% endcomment %}
{{ ‘option_selection.js’ | shopify_asset_url | script_tag }}
{% schema %}
{
“name”: “Product detail page”,
“settings”: [
{
“type”: “select”,
“id”: “spd_style”,
“label”: “Select Layout Style”,
“options”: [
{
“value”: “pd_center_img”,
“label”: “Product Center Image”
},
{
“value”: “pd_variabale”,
“label”: “Product Variabale”
},
{
“value”: “pd_sidebar”,
“label”: “Product Sidebar”
},
{
“value”: “pd_sticky”,
“label”: “Product Sticky”
}
],
“default”: “pd_variabale”
},
{
“type”: “header”,
“content”: “Product Extended Style”
},
{
“type”: “select”,
“id”: “style_page”,
“label”: “Select Style”,
“options”: [
{
“value”: “left”,
“label”: “Style Thumbnail Left”
},
{
“value”: “right”,
“label”: “Style Thumbnail Right”
}
],
“default”: “left”,
“info”: “*only when you choose Layout Style ‘Product Variabale’”
},
{
“type”: “paragraph”,
“content”: “Please scroll to bottom and click add service box to add content for servicebox”
},
{
“type”: “header”,
“content”: “Product Sidebar Style”
},
{
“type”: “select”,
“id”: “style_sidebar”,
“label”: “Select Style”,
“options”: [
{
“value”: “left”,
“label”: “Style Sidebar Left”
},
{
“value”: “right”,
“label”: “Style Sidebar Right”
},
{
“value”: “no_sidebar”,
“label”: “Style No Sidebar”
}
],
“default”: “left”,
“info”: “*only when you choose Layout Style ‘Product Sidebar’”
},
{
“type”: “header”,
“content”: “Config”
},
{
“type”: “checkbox”,
“id”: “show_rating”,
“label”: “Show rating star”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_size-guide”,
“label”: “Show size guide”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_sdes”,
“label”: “Show summary description”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_engo_listul”,
“label”: “Show promo list”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_social_share”,
“label”: “Show social share”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_quantity”,
“label”: “Show quantity box”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_sku”,
“label”: “Show SKU”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_cate”,
“label”: “Show Categories”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_tag”,
“label”: “Show Tag”,
“default”: true
},
{
“type”: “header”,
“content”: “Description Tab”
},
{
“type”: “checkbox”,
“id”: “enable_description_tab”,
“label”: “Enable?”,
“default”: true
},
{
“type”: “text”,
“id”: “destab_title”,
“label”: “Title”,
“default”: “Description”
},
{
“type”: “header”,
“content”: “Addition Tab”
},
{
“type”: “checkbox”,
“id”: “enable_addition_tab”,
“label”: “Enable?”,
“default”: true
},
{
“type”: “text”,
“id”: “addtab_title”,
“label”: “Title”,
“default”: “Additional Information”
},
{
“type”: “textarea”,
“id”: “addtab_content”,
“label”: “Content”
},
{
“type”: “header”,
“content”: “Review Tab”
},
{
“type”: “checkbox”,
“id”: “enable_review_tab”,
“label”: “Enable?”,
“default”: true
},
{
“type”: “paragraph”,
“content”: “After enabling reviews you will need to install the free Shopify Product Reviews app.”
},
{
“type”: “text”,
“id”: “reviewtab_title”,
“label”: “Title”,
“default”: “Review”
},
{
“type”: “header”,
“content”: “Related Product”
},
{
“type”: “checkbox”,
“id”: “enable_related_product”,
“label”: “Enable?”,
“default”: true
},
{
“type”: “text”,
“id”: “related_product_title”,
“label”: “Title”,
“default”: “Related products”
},
{
“type”: “range”,
“id”: “related_product_limit”,
“label”: “Limit products”,
“min”: 2,
“max”: 50,
“step”: 1,
“default”: 8
}
],
“blocks”: [
{
“type”: “servicebox”,
“name”: “Service Box”,
“settings”: [
{
“type”: “text”,
“id”: “title_box”,
“label”: “Title Box”,
“default”: “FREE SHIPPING”
},
{
“type”: “text”,
“id”: “content_box”,
“label”: “Content Box”,
“default”: “Only oder from $ 230”
}
]
}
],
“presets”: [
{
“name”: “Product detail Page”,
“blocks”: [
]
}
]
}
{% endschema %}
Where should i place this snippet?
Do you have a preview link to share? It will help me see where the snippet should go to. Logically you should place it under the price however I can’t see the markup code for that, let me know!
Here’s the link to the product page https://kleemorganics.com/products/vitamin-c-serum-2?variant=31763250741346
Here’s the link to the product page if that’s what you mean: https://kleemorganics.com/products/vitamin-c-serum-2?variant=31763250741346