I want to align my products descriptions below the image

Stephen211
Explorer
42 1 11

Hello community

Please, I've got an issue on my shopify website, I want to have the description moved below the product image.

It is currently aligned to the right below the add to cart as seen in the image here.

 

20210510_235800.jpg

 

My url is https://rumourcosmetics.com/

Please help!

 

HardikDavra
Shopify Partner
2245 348 964

Hello,

Welcome to the shopify Community.

It seems that I need to enter into your store to do coding.
Would you mind providing me collaborate access so that I can identify the problem?

PageFly - TOP5 in the Shopify app store. Learn More.

For fast Communication: Email: parambabla.soft@gmail.com | Whatsapp
0 Likes
KetanKumar
Shopify Partner
18901 1985 6996

@Stephen211 

Sorry you are facing this issue, it would be my pleasure to help you

can you please your product page code so i will update 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Stephen211
Explorer
42 1 11

thanks for the reply, how do i provide that please?

0 Likes
Stephen211
Explorer
42 1 11

@KetanKumar 

which of the product folders do you need?

Screenshot 2021-05-11 111025.png

0 Likes
KetanKumar
Shopify Partner
18901 1985 6996

@Stephen211 

KetanKumar_0-1620728166745.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Stephen211
Explorer
42 1 11

Template

product.liquid

 

{%- section 'product' -%}
{%- section 'static-product-recommendations' -%}

0 Likes
Stephen211
Explorer
42 1 11

section

product.liquid

 

 


{% render 'breadcrumbs' %}

{% assign enable_zoom = section.settings.enable_zoom %}
{% assign enable_cart_redirection = section.settings.enable_cart_redirection %}
{% assign images_layout = section.settings.images_layout %}
{% assign enable_video_autoplay = section.settings.enable_video_autoplay %}
{% assign enable_video_looping = section.settings.enable_video_looping %}
{% assign enable_linked_options = true %}
{% assign show_vendor = settings.show_vendor %}
{% assign show_social_media_icons = section.settings.show_social_media_icons %}
{% assign show_payment_button = section.settings.show_payment_button %}

{% if images_layout == 'masonry' %}
{% comment %}Related products in masonry grid must be below product{% endcomment %}
{% assign related_products_position = 'below' %}
{% endif %}

<script
type="application/json"
data-section-type="product"
data-section-id="{{ section.id }}"
data-section-data
>
{
"product": {{ product | json }},
"product_settings": {
"addToCartText": {{ 'products.product.add_to_cart' | t | json }},
"enableHistory": true,
"processingText": {{ 'products.product.processing' | t | json }},
"setQuantityText": {{ 'products.product.set_quantity' | t | json }},
"soldOutText": {{ 'products.product.sold_out' | t | json }},
"unavailableText": {{ 'products.product.unavailable' | t | json }}
},
"images_layout": {{ images_layout | json }},
"enable_zoom": {{ enable_zoom | json }},
"enable_video_autoplay": {{ enable_video_autoplay | json }},
"enable_video_looping": {{ enable_video_looping | json }},
"enable_cart_redirection": {{ enable_cart_redirection | json }},
"enable_fixed_positioning": true
}
</script>

{% render 'product-success-labels' %}
<section class="product-container">
{%
render 'product',
product: product,
enable_zoom: enable_zoom,
images_layout: images_layout,
enable_linked_options: enable_linked_options,
show_vendor: show_vendor,
show_social_media_icons: show_social_media_icons,
show_payment_button: show_payment_button,
%}

<div
class="product-recommendations-wrapper"
data-product-recommendations
>
</div>
</section>

{% schema %}
{
"name": "Product pages",
"settings": [
{
"type": "checkbox",
"id": "show_social_media_icons",
"label": "Show social media icons"
},
{
"type": "checkbox",
"id": "enable_cart_redirection",
"label": "Enable cart redirection",
"info": "Automatically sends users to the Cart page after adding a product.",
"default": false
},
{
"type": "checkbox",
"id": "show_payment_button",
"label": "Show dynamic checkout button",
"info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"default": true
},
{
"type": "header",
"content": "Media"
},
{
"type": "paragraph",
"content": "Learn more about [media types](https://help.shopify.com/en/manual/products/product-media/product-media-types)"
},
{
"type": "select",
"id": "images_layout",
"label": "Layout",
"options": [
{ "label": "Slideshow", "value": "slideshow" },
{ "label": "List", "value": "list" },
{ "label": "Masonry", "value": "masonry" }
],
"default": "slideshow"
},
{
"type": "checkbox",
"id": "enable_zoom",
"label": "Enable image zoom",
"info": "Zoom only works with the slideshow image layout"
},
{
"type": "checkbox",
"id": "enable_video_autoplay",
"label": "Enable video autoplay",
"default": true
},
{
"type": "checkbox",
"id": "enable_video_looping",
"label": "Enable video looping"
}
]
}

{% endschema %}

0 Likes
Stephen211
Explorer
42 1 11

@KetanKumar 

Did I provide what you need?

0 Likes
Stephen211
Explorer
42 1 11

as seen under snippet 

product.liquid

 

 

{% assign use_masonry = false %}
{% assign link_to = link_to | default: nil %}

<script type="application/json" data-images>
  {% assign product_images = product.media | where: 'media_type', 'image'  %}

  {
    {%- for media in product_images %}
      {% if media.media_type == 'image' %}
        {%- capture rimg_string -%}
          {%
            render 'rimg',
            img: media,
            attr: 'data-product-main-image',
            size: '1400x',
            lazy: false
          %}
        {%- endcapture -%}
        "{{ media.id }}": {{ rimg_string | strip_newlines | json }}{%- unless forloop.last %},{%- endunless -%}
      {% endif %}
    {%- endfor -%}
  }
</script>

{% assign product_id = product.id %}
{% assign selected_variant = product.selected_or_first_available_variant %}

{% if collection == null or collection.handle == 'frontpage' or collection.handle == 'all' %}
  {% assign found_a_collection = false %}
  {% for c in product.collections %}
    {% if found_a_collection == false and c.handle != 'frontpage' and c.handle != 'all' %}
      {% assign found_a_collection = true %}
      {% assign collection = c %}
    {% endif %}
  {% endfor %}
{% endif %}

{% assign selected_media = selected_variant.featured_media | default: product.featured_media %}

{% if product != blank and show_payment_button %}
  {% capture throwaway %}
    {% form 'product', product %}
      {% capture payment_buttons %}
        {{ form | payment_button }}
      {% endcapture %}
    {% endform %}
  {% endcapture %}
{% endif %}

{% capture form_content %}
  {% unless product.has_only_default_variant %}
    <div class="product-options">
      {%-
        render 'product-options-dropdown',
        product: product,
        form_id: product_id
      -%}

      <label class="product-option-column-1 product-option-row-4 product-option-quantity-label">{{ 'general.general.quantity' | t }}</label>
      <input class="product-option-quantity" type="text" name="quantity" value="1" />

      <div class="selector-wrapper no-js-required">
        <label for="product-select-{{ product_id }}"></label>
        <select
          class="product-select"
          name="id"
          id="product-select-{{ product_id }}"
          data-select-ignore
        >
          {% for variant in product.variants %}
            {% if variant.available %}
              <option
                {% if variant == selected_variant %}selected="selected"{% endif %}
                value="{{ variant.id }}" data-variant-id="{{ variant.id }}" data-sku="{{ variant.sku }}">
                {{ variant.title }} - {{ variant.price | money }}
              </option>
            {% else %}
              <option disabled="disabled" data-variant-id="{{ variant.id }}" value="{{ variant.id }}">
                {{ variant.title }} - {{ 'products.product.sold_out' | t }}
              </option>
            {% endif %}
          {% endfor %}
        </select>
      </div>
    </div>
  {% else %}
    <div class="product-options product-options-default-only">
      <input
        class="product-select"
        name="id"
        value="{{ product.variants[0].id }}"
        type="hidden"
        data-variant-title="{{ product.variants[0].title }}"
      />

      <label class="product-option-column-1 product-option-row-1 product-option-quantity-label">{{ 'general.general.quantity' | t }}</label>
      <input class="product-option-quantity" type="text" name="quantity" value="1" />
    </div>
  {% endunless %}

  {% if product.available %}
    <div id="infiniteoptions-container"></div>
    <div id="uploadery-container"></div>
  {% endif %}

  {% if show_social_media_icons %}
    {% render 'share-buttons' %}
  {% endif %}

  <div
    class="
      product-add-to-cart
      {% if product != blank and show_payment_button %}
        product-smart-payments
      {% endif %}
    "
  >
    {% if selected_variant.available %}
      <input class="add-to-cart" type="submit" value="{{ 'products.product.add_to_cart' | t }}" />
    {% else %}
      <input class="add-to-cart disabled" type="submit" value="{{ 'products.product.sold_out' | t }}" disabled/>
    {% endif %}

    {% if payment_buttons != blank %}
      {{ payment_buttons }}
    {% endif %}
  </div>
{% endcapture %}

<div
  class="
    product
    {% if images_layout == 'masonry' %}
      product-masonry
    {% endif %}
  "
  data-ajax

  {% if enable_zoom %}
    data-zoom
  {% endif %}

  {% if enable_linked_options %}
    data-linked-options
  {% endif %}

  {% if images_layout == 'slideshow' %}
    data-images-slideshow
  {% elsif images_layout == 'list' %}
    data-images-list-view
  {% elsif images_layout == 'masonry' %}
  {% assign use_masonry = true %}
    data-product-masonry
  {% endif %}
>
  {%
    render 'product-gallery',
    images_layout: images_layout,
    use_masonry: use_masonry,
    product: product,
    selected_media: selected_media,
    enable_zoom: enable_zoom,
  %}

  {%- capture tax_text -%}
    {{ 'products.product.tax_line_html' | t }}
  {%- endcapture -%}

  <div class="product-details-wrapper">
    <div class="product-details {% if tax_text != blank and selected_variant.taxable %}has-tax-line{% endif %}">
      {% if show_vendor %}
        <a class="product-vendor" href="{{ product.vendor | url_for_vendor }}">{{ product.vendor }}</a>
      {% endif %}

      <h1 class="product-title">
        {% if product != blank %}
          {% if link_to %}
            <a href="{{ product.url }}">
              {{ product.title }}
            </a>
          {% else %}
            {{ product.title }}
          {% endif %}
        {% else %}
          {{ 'products.product.onboarding.title' | t }}
        {% endif %}
      </h1>

      <p class="product-price">
        <span class="product-price-minimum money">
          {% if product != blank %}
            {{ selected_variant.price | money }}
          {% else %}
            {{ 'products.product.onboarding.price' | t }}
          {% endif %}
        </span>
        <span
          class="product-price-compare money original {% if selected_variant.compare_at_price > selected_variant.price %}visible{% endif %}"
        >
          {{ selected_variant.compare_at_price | money }}
        </span>
      </p>

      {% assign variant_for_unit_price = selected_variant %}
      {% comment %}Inject unit-price begin{% endcomment %}
      {% comment %}
        @param variant_for_unit_price
          Product variant for price
        @param tax_text
          String containing 'tax included' text
      {% endcomment %}
      
      {% capture total_quantity %}
        <span class="product-price__unit-price-total-quantity" data-unit-price-quantity>
          {{ variant_for_unit_price.unit_price_measurement.quantity_value }}{{ variant_for_unit_price.unit_price_measurement.quantity_unit }}
        </span>
      {% endcapture %}
      
      
      {% capture unit_price %}
        <span class="product-price__unit-price-amount money" data-unit-price-amount>
          {{ variant_for_unit_price.unit_price | money }}
        </span>
      {% endcapture %}
      {% capture unit_measure %}
        <span class="product-price__unit-price-measure" data-unit-price-measure>
          {%- if variant_for_unit_price.unit_price_measurement.reference_value != 1 -%}
            {{ variant_for_unit_price.unit_price_measurement.reference_value }}
          {%- endif %}
          {{ variant_for_unit_price.unit_price_measurement.reference_unit }}
        </span>
      {% endcapture %}
      
      <div
        class="
          product-price__unit-price
          {% unless variant_for_unit_price.unit_price_measurement %}hidden{% endunless %}
        "
        data-unit-price
      >
        {{ 'products.product.price_per_unit_html' | t: total_quantity: total_quantity, unit_price: unit_price, unit_measure: unit_measure | strip_newlines }}
      </div>
      
      {% assign variant_for_unit_price = blank %}
      {% comment %}Inject unit-price end{% endcomment %}


      {%- if tax_text != blank -%}
          <div class="
            product-price__tax
            {% unless selected_variant.taxable %}hidden{% endunless %}
            "
            data-tax-line
          >
            {{ tax_text }}
          </div>
      {%- endif -%}


      {% if product != blank %}
        {% form 'product', product, data-product-form: '' %}
          {{ form_content }}
        {% endform %}
      {% else %}
        <div data-product-form>
          {{ form_content }}
        </div>
      {% endif %}

      <div data-surface-pick-up></div>
      {%-
        render 'modal',
        modal_id: 'surface-pick-up',
        modal_class: 'surface-pick-up-modal'
      -%}

      <div class="product-message"></div>

      {% if product != blank and product.description != blank %}
        <div class="product-description rte">
          {{ product.description }}
        </div>
      {% elsif product == blank %}
        <div class="product-description rte">
          {{ 'products.product.onboarding.description' | t }}
        </div>
      {% endif %}
    </div>
  </div>
</div>
0 Likes