Move product description below the Add To Cart Button (Impulse Theme)

Hi, I’m need assistance with moving the product description below the Add To Cart button.
Any assistance would be awesome!

Here’s my product.template.liquid code:

{%- unless thumbnail_position -%}
{%- assign thumbnail_position = ‘beside’ -%}
{%- endunless -%}

{%- unless description_style -%}
{%- assign description_style = ‘full’ -%}
{%- endunless -%}

{%- assign product_img_structure = product.featured_media | img_url: ‘1x1’ | replace: ‘1x1.', '{width}x.’ -%}

{%- include ‘product-template-variables’ -%}

{%- if image_position == 'left' -%}
{% include 'product-images', section_id: section_id, isModal: isModal, thumbnail_arrows: thumbnail_arrows, thumbnail_position: thumbnail_position, video_looping: video_looping, video_style: video_style %}
{%- endif -%}
{%- if settings.show_breadcrumbs and isModal != true -%} {%- include 'breadcrumbs' -%} {%- endif -%}

{%- if settings.vendor_enable -%}

{%- assign vendor_handle = product.vendor | handleize -%} {%- if collections[vendor_handle] != empty -%} {{ collections[vendor_handle].title }} {%- else -%} {{ product.vendor | link_to_vendor }} {%- endif -%}
{%- endif -%}

{%- if isModal -%}

{{ product.title }}

{% else %}

{{ product.title }}

{%- endif -%} {%- unless description_style == 'full' -%}
{{ product.description }}

{%- if settings.enable_product_reviews and settings.reviews_layout == ‘full’ -%}
{%- if isModal -%}
{%- assign review_link = product.url | within: collection | append: ‘#Reviews-’ | append: product.id -%}
{% else %}
{%- assign review_link = ‘#Reviews-’ | append: product.id -%}
{%- endif -%}



{%- endif -%}

{%- if settings.sku_enable -%}

{%- if current_variant.sku -%} {{ current_variant.sku }} {%- endif -%}

{%- endif -%}

{%- assign hide_sale_price = true -%}
{%- if product.compare_at_price_max > product.price -%}
{%- if current_variant.compare_at_price > current_variant.price -%}
{%- assign hide_sale_price = false -%}
{%- endif -%}

{{ ‘products.general.regular_price’ | t }}



{%- if current_variant.compare_at_price > current_variant.price -%}
{{ current_variant.compare_at_price | money }}
{%- endif -%}


{{ ‘products.general.sale_price’ | t }}
{% else %}
{{ ‘products.general.regular_price’ | t }}
{%- endif -%}


{{ current_variant.price | money }}

{%- if settings.product_save_amount -%}
{%- if settings.product_save_type == ‘dollar’ -%}
{% capture saved_amount %}{{ current_variant.compare_at_price | minus: current_variant.price | money }}{% endcapture %}
{%- else -%}
{% capture saved_amount %}{{ current_variant.compare_at_price | minus: current_variant.price | times: 100.0 | divided_by: current_variant.compare_at_price | round }}%{% endcapture %}
{%- endif -%}

{{ ‘products.general.save_html’ | t: saved_amount: saved_amount }}

{%- endif -%}

{%- capture unit_price_base_unit -%} {%- if current_variant.unit_price_measurement -%} {%- if current_variant.unit_price_measurement.reference_value != 1 -%} {{ current_variant.unit_price_measurement.reference_value }} {%- endif -%} {{ current_variant.unit_price_measurement.reference_unit }} {%- endif -%} {%- endcapture -%}

{{ current_variant.unit_price | money }}/{{ unit_price_base_unit }}

{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}

{%- if shop.taxes_included -%} {{ 'products.product.include_taxes' | t }} {%- endif -%} {%- if shop.shipping_policy.body != blank -%} {{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }} {%- endif -%}
{%- endif -%}

{%- if settings.inventory_enable or settings.inventory_transfers_enable -%}
{%- assign variants_with_inventory_tracking = product.variants | where: ‘inventory_management’, ‘shopify’ -%}

{% comment %}
If loaded in quick view, it might be from a JS-loaded function
that loads recommended products. If that’s the case, the above
JS will not set the variant inventory. Add it to an accessible
data div to read later instead.
{% endcomment %}
{%- if isModal -%}

{%- for variant in variants_with_inventory_tracking -%}
{%- endfor -%}
{%- endif -%} {%- endif -%}

{%- unless isModal -%}
{% comment %}
Shopify’s product form attaches a number of tracking
scripts that cause slower load times and false statistics.
Quick view modals request these on-demand.
{% endcomment %}
{% include ‘product-form’, section_id: section_id %}
{%- else -%}

{%- endunless -%}

{%- if settings.trust_image != blank -%}

{%- assign img_url = settings.trust_image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%} {{ settings.trust_image.alt }} {{ settings.trust_image.alt }}
{%- endif -%}

{% include ‘product-additional-content’, section_id: section_id %}
{%- endunless -%}

{%- if social -%}
{% include ‘social-sharing’, share_title: product.title, share_permalink: product.url, share_image: product %}
{%- endif -%}

{%- unless image_position == ‘left’ -%}

{% include 'product-images', section_id: section_id, isModal: isModal, thumbnail_position: thumbnail_position, thumbnail_arrows: thumbnail_arrows %}
{%- endunless -%}

{%- if description_style == ‘full’ -%}

{{ product.description }}

{% include ‘product-additional-content’, section_id: section_id %}
{%- endif -%}

1 Like

@patflaig

can you please check your theme setting its allow this option

1 Like

@KetanKumar sorry, which option in the theme settings do i have to check?

Also I tried to move the code beneath, inside of the product-template.liquid

But product description within the product page is still not moving, I really don’t know what else I could do.

%- unless description_style == ‘full’ -%}

{{ product.description }}

Hey @patflaig .

Thanks for reaching out.

I appreciate that you have let us know which theme you are using and including the product.template.liquid code, as that is super helpful! Looking into the options available with the Impulse theme, I added the theme to my test store to see if there is an option within our Theme Editor to make this change. Unfortunately, I was unable to find a setting that would allow you to move the product description on the product page. However, I did notice that this is a third-party theme that is designed and supported by Archetype Themes.

Since the theme was not developed by Shopify, we are a bit unfamiliar with the style of coding that is used. With that being said, it would be best to direct this inquiry to the developers of the theme as they should be able to provide you with additional support and insight to making this change. I did come across to finding their Contact Us page and wanted to add it here as well.

Let me know if you have any additional questions.

1 Like

I need this video moved up to underneath the payment logos. I’m guessing it has something to do with padding but I cannot find it. I’m using the impulse latest theme and the video is from Vimeo.

Please what do I do

1 Like

@EmmyT

can you please share store url

I am currently working on a client’s store, so it’s only an invitation link I get, however, here it is; https://smoove-moove.com/

The thing is, the payment logos doesn’t show when editing, but once I save It, it shows up, making the description go drastically down. So please is there a way I can remove the excess white spacing there? I need an urgent solution, please.

I need this video moved up to underneath the payment logos. I’m guessing it has something to do with padding but I cannot find it. I’m using the impulse latest theme and the video is from Vimeo.

Please what do I do?

The thing is, the payment logos doesn’t show when editing, but once I save It, it shows up, making the description go drastically down. So please is there a way I can remove the excess white spacing there? I need an urgent solution, please.

please what do I need to do???

please what do I need to do?

1 Like

@EmmyT

yes, please add this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.product-single__description div {
    padding-top: 0 !important;
}
1 Like

Thank you so much, worked like magic!

Hi sir, Is there any way to remove these spacing in impluse theme, It affecting mobile format

site url

perfumeful.com/products/order

Thank you :grinning_face: