Hi, I am using debut theme and have featured products on my homepage. However, the product description is below my add to cart buttons how do I move it above?
Thanks
Hi,
You have to edit featured-product.liquid file . You can find that file under Edit code > Sections > featured-product.liquid.
Find this code below .
{% unless product == empty %}
{{ product.description }}
{% else %}
{{ 'homepage.onboarding.product_description' | t }}
{% endunless %}
Move that code just before this line .
This is end result .
{%- assign product = all_products[section.settings.featured_product] -%}
{% if product == empty %}
{%- assign section_onboarding = true -%}
{% endif %}
{% comment %}
Get first variant, or deep linked one
{% endcomment %}
{%- assign current_variant = product.selected_or_first_available_variant -%}
{%- assign product_thumb_size = ‘110x110’ -%}
{%- assign product_image_zoom_size = ‘1024x1024’ -%}
{%- assign product_image_scale = ‘2’ -%}
{%- assign enable_zoom = section.settings.enable_zoom -%}
{% case section.settings.image_size %}
{% when ‘small’ %}
{%- assign product_image_width = ‘medium-up–one-third’ -%}
{%- assign product_description_width = ‘medium-up–two-thirds’ -%}
{%- assign product_thumbnail_width = ‘medium-up–one-third’ -%}
{%- assign height = 345 -%}
{% when ‘medium’ %}
{%- assign product_image_width = ‘medium-up–one-half’ -%}
{%- assign product_description_width = ‘medium-up–one-half’ -%}
{%- assign product_thumbnail_width = ‘medium-up–one-quarter’ -%}
{%- assign height = 530 -%}
{% when ‘large’ %}
{%- assign product_image_width = ‘medium-up–two-thirds’ -%}
{%- assign product_description_width = ‘medium-up–one-third’ -%}
{%- assign product_thumbnail_width = ‘medium-up–one-fifth’ -%}
{%- assign height = 720 -%}
{% when ‘full’ %}
{%- assign product_image_width = ‘’ -%}
{%- assign product_description_width = ‘’ -%}
{%- assign product_thumbnail_width = ‘medium-up–one-eighth’ -%}
{%- assign height = 1090 -%}
{%- assign enable_zoom = false -%}
{% endcase %}
{% unless section_onboarding %}
{% assign featured_image = product.selected_or_first_available_variant.featured_image | default: product.featured_image %}
{% for image in product.images %}
{% capture img_id %}FeaturedImage-{{ section.id }}-{{ image.id }}{% endcapture %}
{% capture img_class %}product-featured-img{% endcapture %}
{% capture zoom_img_id %}FeaturedImageZoom-{{ section.id }}-{{ image.id }}{% endcapture %}
{% capture img_wrapper_id %}{{ zoom_img_id }}-wrapper{% endcapture %}
{%- assign img_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
![{{ image.alt | escape }}]()
{% endfor %}
{% capture product_image_size %}{{ height }}x{% endcapture %}
![{{ featured_image.alt }}]()
{% include ‘image-style’ with small_style: true, width: height, height: height, wrapper_id: img_wrapper_id, img_id: img_id %}
{% else %}
{{ 'product-1' | placeholder_svg_tag: 'placeholder-svg' }}
{% endunless %}
{% if product.images.size > 1 %}
{% if product.images.size > 3 %}
{%- assign enable_thumbnail_slides = true -%}
{% endif %}
{% if enable_thumbnail_slides == true %}
{% include 'icon-chevron-left' %}
{{ 'sections.slideshow.previous_slide' | t }}
{% endif %}
{% endif %}
-
{% for image in product.images %}
-
{% unless section_onboarding %}
{%- assign price = current_variant.price -%}
{%- assign available = current_variant.available -%}
{% else %}
{%- assign price = 1999 -%}
{%- assign available = true -%}
{% endunless %}
{{ 'sections.featured_product.title' | t }}
{% unless product == empty %} {{ product.title }} {% else %} {{ 'homepage.onboarding.product_title' | t }} {% endunless %}
{% include 'product-price', variant: current_variant %}
{% if section_onboarding %}
{{ 'products.product.sold_out' | t }}
{% else %}
{% capture "form_classes" -%}
product-form product-form-{{ section.id }}{% unless section.settings.show_variant_labels %} product-form--hide-variant-labels{% endunless %}{% if section.settings.enable_payment_button and product.has_only_default_variant%} product-form--payment-button-no-variants{% endif %}
{%- endcapture %}
{% form 'product', product, class:form_classes %}
{% unless section_onboarding %}
{% unless product.has_only_default_variant %}
{% for option in product.options_with_values %}
{{ option.name }}
{% endfor %}
{% endunless %}
{% endunless %}
{% if section.settings.show_quantity_selector %}
{{ 'products.product.quantity' | t }}
{% endif %}
{% unless product == empty %}
{{ product.description }}
{% else %}
{{ 'homepage.onboarding.product_description' | t }}
{% endunless %}
{% unless current_variant.available %}
{{ 'products.product.sold_out' | t }}
{% else %}
{{ 'products.product.add_to_cart' | t }}
{% endunless %}
{% if section.settings.enable_payment_button %}
{{ form | payment_button }}
{% endif %}
{% endform %}
{% endif %}
{%- comment -%}
Live region for announcing updated price and availability to screen readers
{%- endcomment -%}
{% if section.settings.show_share_buttons %}
{% include ‘social-sharing’, share_title: product.title, share_permalink: product.url, share_image: product %}
{% endif %}
{% unless product == empty %}
{% endunless %}
{% schema %}
{
“name”: {
“en”: “Featured product”,
“de”: “Featured Produkt”,
“fr”: “Produit vedette”
},
“class”: “index-section index-section–featured-product”,
“settings”: [
{
“type”: “product”,
“id”: “featured_product”,
“label”: {
“en”: “Product”,
“de”: “Produkte”,
“fr”: “Produit”
}
},
{
“type”: “select”,
“id”: “image_size”,
“label”: {
“en”: “Image size”,
“de”: “Foto-Größe”,
“fr”: “Taille de l’image”
},
“options”: [
{
“value”: “small”,
“label”: {
“en”: “Small”,
“de”: “Klein”,
“fr”: “Petite”
}
},
{
“value”: “medium”,
“label”: {
“en”: “Medium”,
“de”: “Mittel”,
“fr”: “Moyenne”
}
},
{
“value”: “large”,
“label”: {
“en”: “Large”,
“de”: “Groß”,
“fr”: “Grande”
}
},
{
“value”: “full”,
“label”: {
“en”: “Extra large”,
“de”: “Extra groß”,
“fr”: “Très grande”
}
}
],
“default”: “medium”
},
{
“type”: “checkbox”,
“id”: “show_quantity_selector”,
“label”: {
“en”: “Show quantity selector”,
“de”: “Quantitäts-Auswahl anzeigen”,
“fr”: “Afficher le sélecteur de quantité”
},
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_variant_labels”,
“label”: {
“en”: “Show variant labels”,
“de”: “Verschiedene Etiketten anzeigen”,
“fr”: “Afficher le nom des variantes”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_vendor”,
“label”: {
“en”: “Show vendor”,
“de”: “Lieferant anzeigen”,
“fr”: “Afficher le nom du vendeur”
},
“default”: false
},
{
“type”: “checkbox”,
“id”: “enable_zoom”,
“label”: {
“en”: “Enable image zoom”,
“de”: “Foto-Zoom zulassen”,
“fr”: “Activer le zoom d’image”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “enable_payment_button”,
“label”: {
“en”: “Show dynamic checkout button”,
“de”: “Dynamischen Checkout Button anzeigen”,
“fr”: “Afficher le bouton de passage à la caisse dynamique”
},
“info”: {
“en”: “Lets customers check out directly using a familiar payment method. Learn more”,
“de”: “Lässt Kunden direkt bezahlen mit bekannten Bezahlmethoden. Mehr erfahren”,
“fr”: “Permettez à vos clients de passer à la caisse en choisissant un moyen de paiement qui leur est familier. En savoir plus”
},
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_share_buttons”,
“label”: {
“en”: “Show social sharing buttons”,
“de”: “Buttons für Social Media anzeigen”,
“fr”: “Afficher les options de partage sur les médias sociaux”
},
“default”: true
}
],
“presets”: [
{
“name”: {
“en”: “Featured product”,
“de”: “Featured Produkt”,
“fr”: “Produit vedette”
},
“category”: {
“en”: “Product”,
“de”: “Produkte”,
“fr”: “Produit”
}
}
]
}
{% endschema %}
Hi @tinysmartbox ,
Nick here from Shopify.
This is definitely something which can be done by our theme support team. I am not 100% sure of the code edit’s to change this myself, but if you’d like I could send this to the theme support team to do it for you as part of your design time if wanted to go that route and aren’t comfortable making the changes yourself? It is for things like this that the design time is for.
Let me know if you’d like our team to look into it for you. If you do, let me know if the best email to reach you on is the email you signed up to the community with, and if it isn’t to let me know which is the best email for you.
Looking forward to hearing from you.
All the best, Nick
Hi @tinysmartbox , I made a video tutorial for you on how to move product description above add to car button for featured product listing on debut. Hope this helps! https://www.askquesty.com/post/move-product-description-shopify-tutorial
Hi I am currently trying to do this but I do not see this code anywhere