Is it possible to move the product description from underneath to the right using handmade theme?

Store Design
1

Is it possible to move where my description is displayed in the handmade theme?

Currently the description is just underneath the product photos is it possible to move them to the right or left side?

2

  1. From your Shopify admin, go to “Online Store” and then click on “Themes.”

  2. Locate the Handmade theme and click on “Actions” next to it. From the dropdown menu, select “Edit code.”

  3. In the theme editor, navigate to the template file responsible for rendering the product pages. Typically, this file is named product.liquid or product-template.liquid. You can find it under the “Sections” or “Templates” folder.

  4. Search for the section of code that handles the display of the product description. Look for HTML code that includes tags such as <div>, <p>, or <span> containing the product description content.

3

I have a section called product-image-with-text.liquid is this the code I should be looking for?

{{ ‘product-image-with-text.css’ | asset_url | stylesheet_tag }}

{%- if section.settings.sub_title != blank -%}
{{ section.settings.sub_title | escape }}
{% endif %}

{%- if section.settings.text != blank -%}

{{ section.settings.text | escape }}
{% endif %}
{%- if section.settings.image_author != blank -%} {{ section.settings.image_author.alt | escape }} {%- endif -%}

{%- if section.settings.name_author != blank or section.settings.position_author != blank -%}

{%- if section.settings.name_author != blank -%} {{ section.settings.name_author | escape }} {% endif %}

{%- if section.settings.position_author != blank -%}
{{ section.settings.position_author | escape }}
{% endif %}

{% endif %}
{%- for block in section.blocks -%}
{%- if block.settings.image != blank -%} {%- assign image_size = block.settings.image_width | append: 'x' -%} {{ block.settings.image.alt | escape }} {%- endif -%}
{%- endfor -%}

{% schema %}
{
“name”: “t:sections.product-image-with-text.name”,
“tag”: “section”,
“class”: “product-image-with-text-section spaced-section”,
“max_blocks”: 4,
“settings”: [
{
“type”: “text”,
“id”: “sub_title”,
“default”: “For instance collection name”,
“label”: “t:sections.product-image-with-text.settings.sub_title.label”
},
{
“type”: “textarea”,
“id”: “text”,
“default”: “Talk about your brand, collection or product”,
“label”: “t:sections.product-image-with-text.settings.text.label”
},
{
“type”: “header”,
“content”: “t:sections.product-image-with-text.settings.header.content”
},
{
“type”: “image_picker”,
“id”: “image_author”,
“label”: “t:sections.product-image-with-text.settings.image_author.label”
},
{
“type”: “text”,
“id”: “name_author”,
“default”: “For instance author name,”,
“label”: “t:sections.product-image-with-text.settings.name_author.label”
},
{
“type”: “text”,
“id”: “position_author”,
“default”: “For instance author position”,
“label”: “t:sections.product-image-with-text.settings.position_author.label”
}
],
“blocks”: [
{
“type”: “product_image_with_text”,
“name”: “t:sections.product-image-with-text.blocks.product_image_with_text.name”,
“settings”: [
{
“type”: “image_picker”,
“id”: “image”,
“label”: “t:sections.product-image-with-text.blocks.product_image_with_text.settings.image.label”
},
{
“type”: “range”,
“id”: “image_width”,
“min”: 50,
“max”: 300,
“step”: 10,
“default”: 300,
“unit”: “t:sections.product-image-with-text.blocks.product_image_with_text.settings.image_width.unit”,
“label”: “t:sections.product-image-with-text.blocks.product_image_with_text.settings.image_width.label”
}
]
}
]
}
{% endschema %}

4

Hi @digitaldownloa1

Please refer below video to implement the same

Hope it helps…

5

I tried to drag it up, and it doesn’t change the actual position of the description. I’m not sure if it’s because it’s in a foldable section?

6

Hi @digitaldownloa1 ,

Don’t know about your theme but would recommend the advanced video for product description relocation.

Hoping this will solve your issues.