product page areas on the same line

product page areas on the same line

stefanpandele
Shopify Partner
6 0 0

Hello!

 

My product page looks like in the image below. 

The thing is that I want to move the "gid marimi" on the same line with  "marime"

 

"Marime" is defined in the code as "variant_picker" and "ghid marimi" as perks.

 

Below the image I pasted the code from my product.liquid file. 

 

Any advice?

 

Thanks in advance!

 

 

{%- when 'variant_picker' -%}
   {% unless has_product_combo %}
      <div class="productView-moreItem productView-moreItem-product-variant{% if settings.banner_animation == 'effect_fade_up' %} scroll-trigger animate--slide-in{% endif %}" style=" --spacing-top: {{ spacing_top | append: 'px' }}; --spacing-bottom: {{ spacing_bottom | append: 'px' }}"
      >
        {% render 'product-variant',
            block: block,
            product: product,
            variantCount: variantCount,
            current_variant: current_variant,
            picker_type: picker_type,
            show_variant_image_group: show_variant_image_group
         %}
      </div>
    {% endunless %}
   </div>
   {%- when 'customization_property' -%}
      {% if has_customization_option == true %}
    <div class="productView-moreItem{% if settings.banner_animation == 'effect_fade_up' %} scroll-trigger animate--slide-in{% endif %}" style=" --spacing-top: {{ spacing_top | append: 'px' }}; --spacing-bottom: {{ spacing_bottom | append: 'px' }} "
    >
       {% render 'product-customization',
        block: block,
        product: product,
        customization_option_1: customization_option_1,
        customization_option_2: customization_option_2,
        customization_option_hidden: customization_option_hidden
       %}
     </div>
   {% endif %}
      {%- when 'hot_stock' -%}
         {% unless has_product_combo %}
            {% render 'product-hot-stock',
             block: block,
             product: product,
             variantCount: variantCount,
             show_hot_stock: show_hot_stock,
             productMaxStock: productMaxStock,
             current_variant: current_variant
            %}
         {% endunless %}
      {%- when 'perks' -%}
        <div class="productView-moreItems-perks">
          {% unless has_product_combo %}
            <div class="productView-moreItem{% if settings.banner_animation == 'effect_fade_up' %} scroll-trigger animate--slide-in{% endif %}" style=" --spacing-top: {{ spacing_top | append: 'px' }}; --spacing-bottom: {{ spacing_bottom | append: 'px' }}"
             >
               {% render 'product-perks',
                product: product,
                show_size_chart: show_size_chart,
                has_size_chart: has_size_chart,
                show_compare_color: show_compare_color,
                isColor: isColor,
                compare_layout: compare_layout
                %}
             </div>
          {% endunless %}
       </div>

 

 

 

 

 

Screenshot 2024-07-12 at 23.54.52.png

Replies 3 (3)

WalkYourStyle
Navigator
474 58 79

Can you please share your store's URL ?

stefanpandele
Shopify Partner
6 0 0
stefanpandele
Shopify Partner
6 0 0

Hi! 

 

Please do not forget me

 

Thanks!