Hello,
I cant find a way to enable full width of the page; for product descriptions.
The description is pushed to the right of the images. Is there a way to centre the text under the images (To use full page width)??
Any support is much appreciated!
Store: https://magicaldreams.store/
It will not solve by css hack.
you need to change the layout
there is 2 div.'s so that I need to check your product page file and re place the code. Check screenshot please. Its time consuming work.
You can directly get connected with me via email.
we can discuss there.
Hi @Magical_Dreams ,
You want this:
Please send me the code of product-template.liquid file, I will help you to test it
Hi @Magical_Dreams , almost visitors visit your site using mobile devices so, in my opinion, you don’t need to change the style like that.
Thank you for the support!
@oscprofessional and @LitExtension I’ll message you privately. Much obliged.
@Dan-From-Ryviu You are correct. However seeing these large white areas hurts my eyes
Hi @Magical_Dreams ,
Please change code:
{% include 'product-template-variables' %}
{% include 'product-images', section_id: section_id, isModal: isModal %}
{% if settings.vendor_enable %}
{{ product.vendor }}
{% endif %}
{% if sku_enable %}
{% if current_variant.sku %}
{{ current_variant.sku }}
{% endif %}
{% endif %}
{% if isModal %}
{{ product.title }}
{% else %}
#
{{ product.title }}
{% endif %}
{% comment %}Start automatically added Judge.me widget{% endcomment %}
{% render 'judgeme_widgets', widget_type: 'judgeme_preview_badge', concierge_install: true, product: product %}
{% comment %}End automatically added Judge.me widget{% endcomment %}
{% if settings.enable_product_reviews %}
{% 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 product.compare_at_price_max > product.price %}
{%- assign hide_sale_price = true -%}
{% if current_variant.compare_at_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 product_shipping_callout != blank %}
{{ product_shipping_callout }}
{% 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 -%}
<small>
{%- 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 -%}
</small>
{%- endif -%}
{%- if inventory_enable or inventory_transfers_enable -%}
{%- assign variants_with_inventory_tracking = product.variants | where: 'inventory_management', 'shopify' -%}
{%- assign inventory_visible = false -%}
{% if settings.inventory_enable and current_variant.inventory_management == 'shopify' %}
{%- if current_variant.inventory_quantity <= inventory_threshold and current_variant.inventory_quantity >= 0 -%}
{%- assign inventory_visible = true -%}
{%- endif -%}
{% endif %}
{% if current_variant.inventory_quantity == 0 %}
{%- assign inventory_visible = false -%}
{% endif %}
{%- if inventory_enable -%}
{% if current_variant.available %}
{{ 'products.product.stock_label' | t: count: current_variant.inventory_quantity }}
{% endif %}
{%- endif -%}
{%- if inventory_transfers_enable -%}
{%- if current_variant.incoming and inventory_visible == false -%}
{%- if current_variant.next_incoming_date -%}
{% assign date = current_variant.next_incoming_date | date: format: 'date' %}
{%- if current_variant.available -%}
{{ 'products.product.will_not_ship_until' | t: date: date }}
{%- else -%}
{{ 'products.product.will_be_in_stock_after' | t: date: date }}
{%- endif -%}
{%- else -%}
{{ 'products.product.waiting_for_stock' | t }}
{%- endif -%}
{%- endif -%}
{%- 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,
variant_type: variant_type,
variant_labels_enable: variant_labels_enable,
quantity_enable: quantity_enable,
enable_payment_button: enable_payment_button
%}
{% else %}
{% if product.options.size > 0 %}
{% for i in (1..product.options.size) %}
{% endfor %}
{% endif %}
{% endunless %}
{%- if settings.trust_image != blank -%}
{%- assign img_url = settings.trust_image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' -%}
{%- endif -%}
{% if social_enable %}
{% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %}
{% endif %}
{% if settings.additional_content_style == 'expandable' %}
{% include 'product-additional-content', section_id: section_id %}
{% else %}
{% include 'product-additional-tabs', section_id: section_id %}
{% endif %}
{% comment %}Start automatically added Judge.me widget{% endcomment %}
{% render 'judgeme_widgets', widget_type: 'judgeme_review_widget', concierge_install: true, product: product %}
{% comment %}End automatically added Judge.me widget{% endcomment %}
@LitExtension Thank you so much. This works perfectly. Thumbs up!