White space product page (Venture theme)

New Member
3 0 0

Hello everyone,

 

I was wondering if there was a system to remove this white space from the product page in the desktop view.

I think it is very unsightly.
Immagine.png

 

 

 

 

 

 

 

 

 

 

This problem only occurs from desktop viewing, I am open to any kind of suggestion.

 

Thank you.

0 Likes

That white space is dependent on how long is your description. What I would suggest is to move your description under the image so that the white space issue does not come and I feel, it looks much better than having a long description on the side. The whole space below the image and add to cart form would become your description. 

It will look something like this:

Capture.PNG

 

You can do it by going to theme > edit code

In sections, find product-template.liquid

 

find this code

 

    <div class="rte product-single__description" itemprop="description">
      {{ product.description }}
    </div>

cut it from its location and paste it below just above this code.

</div>


{% unless product == empty %}
  <script type="application/json" id="ProductJson-{{ section.id }}">
    {{ product | json }}
  </script>
  {% if section.settings.stock_enable %}
    <script type="application/json" id="VariantJson-{{ section.id }}">
      [
        {% for variant in product.variants %}
          {
             "incoming": {{ variant.incoming | default: false | json }},
             "next_incoming_date": {{ variant.next_incoming_date | date: format: 'date' | json }},
             "inventory_policy": {{ variant.inventory_policy | json }},
             "inventory_quantity": {{ variant.inventory_quantity | json }}
          }{% unless forloop.last %},{% endunless %}
        {% endfor %}
      ]
    </script>
  {% endif %}
{% endunless %}

 


Shopify Designer and Developer, Dubai, UAE

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution
0 Likes