Desktop product page full width Debutify

Vyacheslav1
Tourist
19 0 2

Hello!

Currently, all information on the product page based on the right side of the screen, but how to make it the full width of the desktop version? I'm using Debutify theme.

I have already tried to look at Sections/product-template.liquid, but, unfortunately, I can't figure out what should I do. What needs to be changed in code.

 

Thank you!

Vyacheslav

0 Likes
Bluish
Shopify Partner
555 78 87

Hi @Vyacheslav1 

What's your URL, lets hope it's a 1 fix thing, otherwise if it's not you would need someone to complete it for you

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at john@bluish.com.au
0 Likes
Vyacheslav1
Tourist
19 0 2

@Bluish 

Just emailed you

0 Likes
Bluish
Shopify Partner
555 78 87

Hi @Vyacheslav1 

So you want to make your description full width under the picture and add to cart form?

Your product-template or named similar would be in your template folder of your code.

You essentially need to move the product description to an outter </div>

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at john@bluish.com.au
0 Likes
Vyacheslav1
Tourist
19 0 2

@Bluish 

Yes, text under description after "add to cart" full width

Okay, I'll try to edit this one

0 Likes
Bluish
Shopify Partner
555 78 87

@Vyacheslav1 

Not after add to cart, you need to find the outter </div>

essentially go toward the end of your html before the schema, keep putting the descriptiong between the </div> until you find the one that displays it full width under the picture section

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at john@bluish.com.au
0 Likes
Vyacheslav1
Tourist
19 0 2

@Bluish 

Found everything is was mentioned, tried to move this code in different combinations outside the </div>, but still no result. What am I doing wrong?

 

{% comment %}
The contents of the product.liquid template can be found in /snippets/product-template.liquid
{% endcomment %}


<div
id="section-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="product-template" data-enable-history-state="true" data-scroll-to-image="{% if section.settings.image_layout == "stacked" %}true{% else %}false{% endif %}">
{% include 'product-template' %}
</div>


{% unless product.empty == empty %}
<script type="application/json" id="ProductJson-{{ section.id }}">
{{ product | json }}
</script>
{% endunless %}


{% schema %}

0 Likes
Bluish
Shopify Partner
555 78 87

You probably aren't moving your product description. Give me access to your store Settings > plan and permissions. I will do it for you

If my answer was helpful please Like and Accept my post as the Solution
Need help customizing your store? Contact me on email at john@bluish.com.au
0 Likes
Luka487
Tourist
11 0 0

Hey, i have the exact same problem, searched the web but cant seem to find the answer. I am willing to pay you for the help, would really appreciate it!

here is the site: trailbed.us

and the code;

 <div class="grid" itemscope itemtype="http://schema.org/Product">
 <meta itemprop="url" content="{{ shop.url }}{{ product.url }}">
 <meta itemprop="image" content="https:{{ product.featured_image.src | img_url: 'grande' }}">
 <meta itemprop="name" content="{{ product.title }}">
 <meta itemprop="sku" content="{{ product.selected_or_first_available_variant.sku }}">
 <meta itemprop="mpn" content="{{ product.selected_or_first_available_variant.barcode }}">
 <meta  itemprop="description" content="{{ product.description | strip_html  }}">
 {% for field in product.metafields.areviews %}  {{ field | last }}  {% endfor %} 
 <meta itemprop="brand" content="{{ product.vendor }}"><div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
 <meta itemprop="priceCurrency" content="{{ shop.currency }}">
 <meta itemprop="availability" content="http://schema.org/{% if product.available %}InStock{% else %}OutOfStock{% endif %}">
 <meta itemprop="priceValidUntil" content="{{ 'now' | date: '%s' | plus: 31536000 | date: '%Y-%m-%d' | uri_encode | replace:'+','%20' }}">
 <meta itemprop="price" content="{{ variant.price | divided_by: 100.00 }}">
 <meta itemprop="url" content="{{ shop.secure_url }}{{ product.url }}">
 </div>
 </div>
  {% comment %}
  The contents of the product.liquid template can be found in /snippets/product-template.liquid
{% endcomment %}
<div id="section-{{ section.id }}" data-section-id="{{ section.id }}" data-section-type="product-template" data-enable-history-state="true" data-scroll-to-image="{% if section.settings.image_layout == "stacked" %}true{% else %}false{% endif %}">
  {% include 'product-template' %}
</div>
 
{% unless product.empty == empty %}
  <script type="application/json" id="ProductJson-{{ section.id }}">
    {{ product | json }}
  </script>
{% endunless %}
 
{% schema %}
  {
    "name": "Product pages",
"class": "product-section",
    "settings": [
  {
        "type": "header",
        "content": "Product photos"
      },
  {
        "type": "select",
        "id": "image_layout",
        "label": "Image display",
        "default": "stacked",
        "options": [
  {
            "value": "stacked",
            "label": "Stacked"
          },
    {
            "value": "thumbnail",
            "label": "Thumbnail"
          }
        ]
      },
  {
        "type": "select",
        "id": "product_photo_alignement",
        "label": "Image alignement",
        "default": "left",
        "options": [
          {
            "value": "left",
            "label": "Left"
          },
          {
            "value": "right",
            "label": "Right"
          }
        ]
      },
      {
        "type": "checkbox",
        "id": "enable_zoom",
        "label": "Enable image zoom",
"default": true
      },
  {
        "type": "header",
        "content": "Product details"
      },
  {
        "type": "checkbox",
        "id": "product_vendor",
        "label": "Show vendor",
        "default": false
      },
  {
        "type": "checkbox",
        "id": "product_title_size",
        "label": "Big product tite",
        "default": false
      },
      {
        "type": "select",
        "id": "product_header_alignement",
        "label": "Alignement",
        "default": "",
        "options": [
          {
            "value": "",
            "label": "Left"
          },
          {
            "value": "text-center",
            "label": "Center"
          }
        ]
      },
      {
        "type": "select",
        "id": "product_selector",
        "label": "Variant picker type",
        "options": [
          {
            "value": "radio",
            "label": "Button"
          },
          {
            "value": "select",
            "label": "Dropdown"
          }
        ]
      },
  {
        "type": "checkbox",
        "id": "quantity_enabled",
        "label": "Show quantity picker"
      },
  {
        "type": "checkbox",
        "id": "button_cart_icon",
        "label": "Show button icon",
        "default": true
      },
  {
        "type": "checkbox",
        "id": "enable_payment_button",
        "label": "Show dynamic checkout button",
        "info": "Lets customers check out directly using a familiar payment method. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
        "default": false
      },
      {
        "type": "checkbox",
        "id": "show_description",
        "label": "Show description",
        "default": true
      },
  {
        "type": "checkbox",
        "id": "social_sharing_products",
        "label": "Enable product sharing",
        "default": true
      },
  {
        "type": "checkbox",
        "id": "show_product_tags",
        "label": "Show product tags",
        "default": true
      }
    ]
  }
{% endschema %}
0 Likes