How can I get the buttons on the product page under the description

LeondeCame · August 11, 2021, 10:47am

Hello,

I’m using the Prestige theme for my webshop but on my product page the buttons for ‘reviews’ and stays under the pictures but I want them under the product description.

https://ibb.co/k9R5vNn (this is a link to a picture)

Webshop: https://leon-de-came.myshopify.com

Password: demy

dmwwebartisan · August 11, 2021, 11:16am

@LeondeCame

Please provide the code of sections/product-template.liquid file.

LeondeCame · August 11, 2021, 11:57am

{%- capture section_settings -%}
{
“enableHistoryState”: true,
“showInventoryQuantity”: {% if section.settings.show_inventory_quantity %}true{% else %}false{% endif %},
“showThumbnails”: {% if section.settings.show_thumbnails %}true{% else %}false{% endif %},
“inventoryQuantityThreshold”: {{ section.settings.inventory_quantity_threshold }},
“enableImageZoom”: {% if section.settings.enable_image_zoom %}true{% else %}false{% endif %},
“showPaymentButton”: {{ section.settings.show_payment_button | json }},
“useAjaxCart”: {% if settings.cart_type == ‘drawer’ %}true{% else %}false{% endif %}
}
{%- endcapture -%}

{%- capture action_list_items -%} {%- if section.settings.enable_image_zoom -%}

{% include 'icon' with 'plus' %}

{%- endif -%}

{%- if section.settings.show_share_buttons -%}

{% include 'icon' with 'share' %} {% include 'icon' with 'close' %}

{%- assign share_url = shop.url | append: product.url -%}
{%- assign twitter_text = product.title -%}
{%- assign pinterest_description = product.description | strip_html | truncatewords: 15 | url_param_escape -%}
{%- assign pinterest_image = product.featured_image | img_url: ‘large’ | prepend: ‘https:’ -%}

{%- include 'icon' with 'facebook' -%} Facebook {%- include 'icon' with 'pinterest' -%} Pinterest {%- include 'icon' with 'twitter' -%} Twitter

{%- endif -%} {%- endcapture -%}

{%- comment -%}

PRODUCT GALLERY

{%- endcomment -%}

{%- assign initial_image_id = product.featured_image.id -%}
{%- assign initial_image_index = 0 -%}
{%- assign image_count = 0 -%}

{%- capture slideshow_images -%}
{%- for image in product.images -%}
{%- if image.alt == ‘featured’ or image.alt == ‘featured mobile’ -%}
{%- continue -%}
{%- endif -%}

{%- if image.id == product.selected_or_first_available_variant.image.id -%}
{%- assign initial_image_index = image_count -%}
{%- assign initial_image_id = image.id -%}
{%- endif -%}

{%- include ‘image-size’, sizes: ‘200,400,600,700,800,900,1000,1200,1400,1600’, image: image -%}

{%- assign is_video = false -%}

{%- if image.alt contains ‘YouTube’ or image.alt contains ‘player.vimeo.com’ -%}
{%- assign is_video = true -%}
{%- endif -%}

{% assign image_url = image | img_url: '1x1' | replace: '_1x1.', '_{width}x.' %}

{%- if is_video -%}
{% include ‘icon’ with ‘play’ %}
{%- endif -%}

{%- assign image_count = image_count | plus: 1 -%}
{%- endfor -%}
{%- endcapture -%}

{%- if product.images.size > 0 -%}

{%- if action_list_items != blank -%}

{%- endif -%}

{%- if image_count > 1 -%}
{%- if section.settings.show_thumbnails -%}

{%- for image in product.images -%} {%- if image.alt == 'featured' or image.alt == 'featured mobile' -%} {%- continue -%} {%- endif -%}

{%- assign is_video = false -%}

{%- if image.alt contains ‘YouTube’ or image.alt contains ‘player.vimeo.com’ -%}
{%- assign is_video = true -%}
{%- endif -%}

{%- if is_video -%}
{% include ‘icon’ with ‘play’ %}
{%- endif -%}

{%- endfor -%}

{%- endif -%}

{%- for image in product.images -%} {%- if image.alt == 'featured' or image.alt == 'featured mobile' -%} {%- continue -%} {%- endif -%}

{%- endfor -%}

{%- endif -%}

{%- capture flickity_options -%}
{
“prevNextButtons”: false,
“pageDots”: {% if image_count > 1 %}true{% else %}false{% endif %},
“adaptiveHeight”: true,
“wrapAround”: false,
“watchCSS”: true,
“dragThreshold”: 8,
“initialIndex”: {{ initial_image_index }}
}
{%- endcapture -%}

{%- endif -%}

{%- capture product_aside -%}
{%- comment -%}

PRODUCT TABS

{%- endcomment -%}

{%- include ‘product-tabs’ -%}

{%- comment -%}

PRODUCT WEAR IT WITH

We allow merchants to add a tag that looks like __with:product-handle to feature an additional product

{%- endcomment -%}

{%- for tag in product.tags -%}
{%- if tag contains ‘__with’ -%}
{%- assign product_handle = tag | split: ‘__with:’ | last -%}
{%- assign associated_product = all_products[product_handle] -%}

{%- if associated_product != empty -%}

{% include ‘product-item’, product: associated_product, use_horizontal: true, show_labels: false, show_product_info: true, show_price_on_hover: false %}

{%- break -%}
{%- endif -%}
{%- endif -%}
{%- endfor -%}
{%- endcapture -%}

{%- include 'product-meta', show_description: true -%} {%- include 'product-form' -%}

{%- if section.settings.description_below_add_to_cart -%}

{%- endif -%}

{%- if product_aside != blank and image_count > 0 -%}

{{ 'product.form.view_info' | t }} {% include 'icon' with 'select-arrow-right' %} {{ 'product.form.view_images' | t }} {% include 'icon' with 'select-arrow-right' %}

{%- endif -%}

{%- if action_list_items != blank -%}

{%- endif -%}

{%- if product_aside != blank -%}

{%- endif -%}

{%- comment -%}

OFF SCREEN ELEMENTS

{%- endcomment -%}

{%- comment -%}

FEATURED IMAGE

We allow merchants to use one image as a “featured image” by adding the alt tag “featured”

{%- endcomment -%}

{%- for image in product.images -%}
{%- if image.alt == ‘featured’ -%}
{%- assign desk_featured_image = image -%}
{%- endif -%}

{%- if image.alt == ‘featured mobile’ -%}
{%- assign mobile_featured_image = image -%}
{%- endif -%}
{%- endfor -%}

{%- if desk_featured_image or mobile_featured_image -%}
{%- assign mobile_featured_image = mobile_featured_image | default: desk_featured_image -%}
{%- assign desk_featured_image = desk_featured_image | default: mobile_featured_image -%}

#shopify-section-{{ section.id }} + .shopify-section--bordered { border-top: 0; }

{%- else -%}

/* Very ugly haha */ @media screen and (max-width: 640px) { #shopify-section-{{ section.id }} + .shopify-section--bordered { border-top: 0; } #shopify-section-{{ section.id }} + .shopify-section--bordered > .Section { padding-top: 0; } }

{%- endif -%}

{%- comment -%}

MODALS

If we have some videos, we implement them as modal

{%- endcomment -%}

{%- for image in product.images -%}
{%- if image.alt contains ‘YouTube’ or image.alt contains ‘player.vimeo.com’ -%}

{% if image.alt contains 'youtube.com/embed' %} {% else %} {% endif %}

{% include ‘icon’ with ‘close’ %}

{%- endif -%} {%- endfor -%}

{%- comment -%}

PHOTO SWIPE

This is the root container for the zoom functionality. Must not be removed, as order element is important.

{%- endcomment -%}

{%- if section.settings.enable_image_zoom -%}

{% include 'icon' with 'arrow-left' %} {% include 'icon' with 'close' %} {% include 'icon' with 'arrow-right' %}

{%- endif -%}

{% schema %}
{
“name”: “Product page”,
“class”: “shopify-section–bordered”,
“settings”: [
{
“type”: “checkbox”,
“id”: “show_share_buttons”,
“label”: “Show social sharing buttons”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_vendor”,
“label”: “Show vendor”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “description_below_add_to_cart”,
“label”: “Description below add to cart”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_color_swatch”,
“label”: “Show color swatch”,
“default”: true,
“info”: “Some colors appear white? Learn more.”
},
{
“type”: “checkbox”,
“id”: “show_color_carousel”,
“label”: “Show color carousel”,
“info”: “A selector will appear with variant image previews when choosing colors.”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_quantity_selector”,
“label”: “Show quantity selector”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_inventory_quantity”,
“label”: “Show inventory quantity”,
“info”: “Make sure that your inventory is tracked. Learn more.”,
“default”: false
},
{
“type”: “range”,
“id”: “inventory_quantity_threshold”,
“label”: “Inventory quantity threshold”,
“info”: “Only show inventory quantity if below threshold. Choose 0 to always show.”,
“min”: 0,
“max”: 50,
“step”: 1,
“default”: 0
},
{
“type”: “checkbox”,
“id”: “show_payment_button”,
“label”: “Show dynamic checkout button”,
“info”: “Lets customers check out directly using a familiar payment method. Learn more”,
“default”: false
},
{
“type”: “header”,
“content”: “Product images”
},
{
“type”: “select”,
“id”: “image_size”,
“label”: “Size”,
“options”: [
{
“value”: “small”,
“label”: “Small”
},
{
“value”: “medium”,
“label”: “Medium”
},
{
“value”: “large”,
“label”: “Large”
},
{
“value”: “fill”,
“label”: “Fill screen”
}
],
“default”: “large”
},
{
“type”: “checkbox”,
“id”: “enable_image_zoom”,
“label”: “Enable zoom”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_thumbnails”,
“label”: “Show thumbnails”,
“info”: “Only applicable on large screens”,
“default”: true
},
{
“type”: “header”,
“content”: “Tabs”
},
{
“type”: “page”,
“id”: “tab_page_1_handle”,
“label”: “First page”
},
{
“type”: “page”,
“id”: “tab_page_2_handle”,
“label”: “Second page”
},
{
“type”: “paragraph”,
“content”: “The theme also allows you to add specific tabs for a given product only. Learn more about this feature.”
},
{
“type”: “header”,
“content”: “Reviews”
},
{
“type”: “paragraph”,
“content”: “You need to install Shopify’s free Product Reviews app before enabling this option.”
},
{
“type”: “checkbox”,
“id”: “reviews_enabled”,
“label”: “Enable”,
“default”: false
},
{
“type”: “header”,
“content”: “Featured image”
},
{
“type”: “paragraph”,
“content”: “You can highlight an image after product tabs by adding the ALT tag "featured" to a given image. Learn more.”
},
{
“type”: “select”,
“id”: “featured_image_size”,
“label”: “Section size”,
“options”: [
{
“value”: “small”,
“label”: “Small”
},
{
“value”: “normal”,
“label”: “Normal”
},
{
“value”: “large”,
“label”: “Large”
}
],
“default”: “large”
}
]
}
{% endschema %}

LeondeCame · August 11, 2021, 1:40pm

@dmwwebartisan

here do you have the code.

Do you also know how I can make the productpage on a full page or a little bit wider as know (https://ibb.co/16MMFp6)

King Regards,

{%- capture section_settings -%}
{
  "enableHistoryState": true,
  "showInventoryQuantity": {% if section.settings.show_inventory_quantity %}true{% else %}false{% endif %},
  "showThumbnails": {% if section.settings.show_thumbnails %}true{% else %}false{% endif %},
  "inventoryQuantityThreshold": {{ section.settings.inventory_quantity_threshold }},
  "enableImageZoom": {% if section.settings.enable_image_zoom %}true{% else %}false{% endif %},
  "showPaymentButton": {{ section.settings.show_payment_button | json }},
  "useAjaxCart": {% if settings.cart_type == 'drawer' %}true{% else %}false{% endif %}
}
{%- endcapture -%}

{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
FEATURED IMAGE

We allow merchants to use one image as a "featured image" by adding the alt tag "featured"
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}

{%- for image in product.images -%}
  {%- if image.alt == 'featured' -%}
    {%- assign desk_featured_image = image -%}
  {%- endif -%}

  {%- if image.alt == 'featured mobile' -%}
    {%- assign mobile_featured_image = image -%}
  {%- endif -%}
{%- endfor -%}

{%- if desk_featured_image or mobile_featured_image -%}
  {%- assign mobile_featured_image = mobile_featured_image | default: desk_featured_image -%}
  {%- assign desk_featured_image = desk_featured_image | default: mobile_featured_image -%}

  
    

    
  

  
{%- else -%}
  
{%- endif -%}

{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
MODALS

If we have some videos, we implement them as modal
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}

{%- for image in product.images -%}
  {%- if image.alt contains 'youtube.com/embed' or image.alt contains 'player.vimeo.com' -%}
    
      

        

          

            {% if image.alt contains 'youtube.com/embed' %}
              <iframe class="Image--lazyLoad" data-src="{{ image.alt }}?autoplay=1&showinfo=0&controls=1&rel=0&modestbranding=1" frameborder="0" allowfullscreen=""></iframe>
            {% else %}
              <iframe class="Image--lazyLoad" data-src="{{ image.alt }}?autoplay=1&portrait=0&byline=0&color={{ settings.accent_color | remove_first: '#' }}" frameborder="0"></iframe>
            {% endif %}
          

        

      

      
    

  {%- endif -%}
{%- endfor -%}

{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
PHOTO SWIPE

This is the root container for the zoom functionality. Must not be removed, as order element is important.
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}

{%- if section.settings.enable_image_zoom -%}
  
    
    

    
    

      
      

        

        

        

      

      
      
        
        
        
      

    

  

{%- endif -%}

{% schema %}
{
  "name": "Product page",
  "class": "shopify-section--bordered",
  "settings": [
    {
      "type": "checkbox",
      "id": "show_share_buttons",
      "label": "Show social sharing buttons",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_vendor",
      "label": "Show vendor",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "description_below_add_to_cart",
      "label": "Description below add to cart",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "show_color_swatch",
      "label": "Show color swatch",
      "default": true,
      "info": "Some colors appear white? [Learn more](http://support.maestrooo.com/article/80-product-uploading-custom-color-for-color-swatch)."
    },
    {
      "type": "checkbox",
      "id": "show_color_carousel",
      "label": "Show color carousel",
      "info": "A selector will appear with variant image previews when choosing colors.",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "show_quantity_selector",
      "label": "Show quantity selector",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_inventory_quantity",
      "label": "Show inventory quantity",
      "info": "Make sure that your inventory is tracked. [Learn more](https://help.shopify.com/manual/products/inventory#set-up-inventory-tracking).",
      "default": false
    },
    {
      "type": "range",
      "id": "inventory_quantity_threshold",
      "label": "Inventory quantity threshold",
      "info": "Only show inventory quantity if below threshold. Choose 0 to always show.",
      "min": 0,
      "max": 50,
      "step": 1,
      "default": 0
    },
    {
      "type": "checkbox",
      "id": "show_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": "header",
      "content": "Product images"
    },
    {
      "type": "select",
      "id": "image_size",
      "label": "Size",
      "options": [
        {
          "value": "small",
          "label": "Small"
        },
        {
          "value": "medium",
          "label": "Medium"
        },
        {
          "value": "large",
          "label": "Large"
        },
        {
          "value": "fill",
          "label": "Fill screen"
        }
      ],
      "default": "large"
    },
    {
      "type": "checkbox",
      "id": "enable_image_zoom",
      "label": "Enable zoom",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_thumbnails",
      "label": "Show thumbnails",
      "info": "Only applicable on large screens",
      "default": true
    },
    {
      "type": "header",
      "content": "Tabs"
    },
    {
      "type": "page",
      "id": "tab_page_1_handle",
      "label": "First page"
    },
    {
      "type": "page",
      "id": "tab_page_2_handle",
      "label": "Second page"
    },
    {
      "type": "paragraph",
      "content": "The theme also allows you to add specific tabs for a given product only. [Learn more about this feature](http://support.maestrooo.com/article/83-product-adding-different-tabs-per-product)."
    },
    {
      "type": "header",
      "content": "Reviews"
    },
    {
      "type": "paragraph",
      "content": "You need to install [Shopify's free Product Reviews](https://apps.shopify.com/product-reviews) app before enabling this option."
    },
    {
      "type": "checkbox",
      "id": "reviews_enabled",
      "label": "Enable",
      "default": false
    },
    {
      "type": "header",
      "content": "Featured image"
    },
    {
      "type": "paragraph",
      "content": "You can highlight an image after product tabs by adding the ALT tag \"featured\" to a given image. [Learn more](http://support.maestrooo.com/article/152-product-highlight-a-featured-image)."
    },
    {
      "type": "select",
      "id": "featured_image_size",
      "label": "Section size",
      "options": [
        {
          "value": "small",
          "label": "Small"
        },
        {
          "value": "normal",
          "label": "Normal"
        },
        {
          "value": "large",
          "label": "Large"
        }
      ],
      "default": "large"
    }
  ]
}
{% endschema %}

LeondeCame · August 11, 2021, 3:33pm

@dmwwebartisan is sended the code in a private message!

dmwwebartisan · August 12, 2021, 9:28am

@LeondeCame

Please replace following the code and backup your old code

{%- capture section_settings -%}
{
  "enableHistoryState": true,
  "showInventoryQuantity": {% if section.settings.show_inventory_quantity %}true{% else %}false{% endif %},
  "showThumbnails": {% if section.settings.show_thumbnails %}true{% else %}false{% endif %},
  "inventoryQuantityThreshold": {{ section.settings.inventory_quantity_threshold }},
  "enableImageZoom": {% if section.settings.enable_image_zoom %}true{% else %}false{% endif %},
  "showPaymentButton": {{ section.settings.show_payment_button | json }},
  "useAjaxCart": {% if settings.cart_type == 'drawer' %}true{% else %}false{% endif %}
}
{%- endcapture -%}

{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
FEATURED IMAGE

We allow merchants to use one image as a "featured image" by adding the alt tag "featured"
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}

{%- for image in product.images -%}
  {%- if image.alt == 'featured' -%}
    {%- assign desk_featured_image = image -%}
  {%- endif -%}

  {%- if image.alt == 'featured mobile' -%}
    {%- assign mobile_featured_image = image -%}
  {%- endif -%}
{%- endfor -%}

{%- if desk_featured_image or mobile_featured_image -%}
  {%- assign mobile_featured_image = mobile_featured_image | default: desk_featured_image -%}
  {%- assign desk_featured_image = desk_featured_image | default: mobile_featured_image -%}

  
    

    
  

  
{%- else -%}
  
{%- endif -%}

{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
MODALS

If we have some videos, we implement them as modal
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}

{%- for image in product.images -%}
  {%- if image.alt contains 'youtube.com/embed' or image.alt contains 'player.vimeo.com' -%}
    
      

        

          

            {% if image.alt contains 'youtube.com/embed' %}
              <iframe class="Image--lazyLoad" data-src="{{ image.alt }}?autoplay=1&showinfo=0&controls=1&rel=0&modestbranding=1" frameborder="0" allowfullscreen=""></iframe>
            {% else %}
              <iframe class="Image--lazyLoad" data-src="{{ image.alt }}?autoplay=1&portrait=0&byline=0&color={{ settings.accent_color | remove_first: '#' }}" frameborder="0"></iframe>
            {% endif %}
          

        

      

      
    

  {%- endif -%}
{%- endfor -%}

{%- comment -%}
--------------------------------------------------------------------------------------------------------------------
PHOTO SWIPE

This is the root container for the zoom functionality. Must not be removed, as order element is important.
--------------------------------------------------------------------------------------------------------------------
{%- endcomment -%}

{%- if section.settings.enable_image_zoom -%}
  
    
    

    
    

      
      

        

        

        

      

      
      
        
        
        
      

    

  

{%- endif -%}

{% schema %}
{
  "name": "Product page",
  "class": "shopify-section--bordered",
  "settings": [
    {
      "type": "checkbox",
      "id": "show_share_buttons",
      "label": "Show social sharing buttons",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_vendor",
      "label": "Show vendor",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "description_below_add_to_cart",
      "label": "Description below add to cart",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "show_color_swatch",
      "label": "Show color swatch",
      "default": true,
      "info": "Some colors appear white? [Learn more](http://support.maestrooo.com/article/80-product-uploading-custom-color-for-color-swatch)."
    },
    {
      "type": "checkbox",
      "id": "show_color_carousel",
      "label": "Show color carousel",
      "info": "A selector will appear with variant image previews when choosing colors.",
      "default": false
    },
    {
      "type": "checkbox",
      "id": "show_quantity_selector",
      "label": "Show quantity selector",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_inventory_quantity",
      "label": "Show inventory quantity",
      "info": "Make sure that your inventory is tracked. [Learn more](https://help.shopify.com/manual/products/inventory#set-up-inventory-tracking).",
      "default": false
    },
    {
      "type": "range",
      "id": "inventory_quantity_threshold",
      "label": "Inventory quantity threshold",
      "info": "Only show inventory quantity if below threshold. Choose 0 to always show.",
      "min": 0,
      "max": 50,
      "step": 1,
      "default": 0
    },
    {
      "type": "checkbox",
      "id": "show_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": "header",
      "content": "Product images"
    },
    {
      "type": "select",
      "id": "image_size",
      "label": "Size",
      "options": [
        {
          "value": "small",
          "label": "Small"
        },
        {
          "value": "medium",
          "label": "Medium"
        },
        {
          "value": "large",
          "label": "Large"
        },
        {
          "value": "fill",
          "label": "Fill screen"
        }
      ],
      "default": "large"
    },
    {
      "type": "checkbox",
      "id": "enable_image_zoom",
      "label": "Enable zoom",
      "default": true
    },
    {
      "type": "checkbox",
      "id": "show_thumbnails",
      "label": "Show thumbnails",
      "info": "Only applicable on large screens",
      "default": true
    },
    {
      "type": "header",
      "content": "Tabs"
    },
    {
      "type": "page",
      "id": "tab_page_1_handle",
      "label": "First page"
    },
    {
      "type": "page",
      "id": "tab_page_2_handle",
      "label": "Second page"
    },
    {
      "type": "paragraph",
      "content": "The theme also allows you to add specific tabs for a given product only. [Learn more about this feature](http://support.maestrooo.com/article/83-product-adding-different-tabs-per-product)."
    },
    {
      "type": "header",
      "content": "Reviews"
    },
    {
      "type": "paragraph",
      "content": "You need to install [Shopify's free Product Reviews](https://apps.shopify.com/product-reviews) app before enabling this option."
    },
    {
      "type": "checkbox",
      "id": "reviews_enabled",
      "label": "Enable",
      "default": false
    },
    {
      "type": "header",
      "content": "Featured image"
    },
    {
      "type": "paragraph",
      "content": "You can highlight an image after product tabs by adding the ALT tag \"featured\" to a given image. [Learn more](http://support.maestrooo.com/article/152-product-highlight-a-featured-image)."
    },
    {
      "type": "select",
      "id": "featured_image_size",
      "label": "Section size",
      "options": [
        {
          "value": "small",
          "label": "Small"
        },
        {
          "value": "normal",
          "label": "Normal"
        },
        {
          "value": "large",
          "label": "Large"
        }
      ],
      "default": "large"
    }
  ]
}
{% endschema %}

dmwwebartisan · August 12, 2021, 9:37am

@LeondeCame

Go to Online Store->Theme->Edit code
Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media screen and (min-width: 1500px){
.template-product .Product__Wrapper { max-width: 50% !important;}
#shopify-section-product-template .Product--small { max-width: 100% !important;}
.Product__InfoWrapper {width: 50%;}
}

Thanks!

LeondeCame · August 12, 2021, 10:22am

@dmwwebartisan

Hello, I replaced the old code to the code that you ended, and it works, but know is the problem that if I scroll to see the pictures the whole page scrolls but I will first that the pictures scroll and if I’m on the latest picture the full page scrolls. Do you get what I mean?

Here do you have a link to a website that has it like how I want it.

https://zanerobe.com/collections/sale/products/panel-jumpa-jogger-black-ash

LeondeCame · August 12, 2021, 10:28am

For what is this code? I added it, but nothing changed.

This is the code that you sended that I need tot add to ‘Asset->/theme.scss.liquid->paste below code at the bottom of the file.’

@media screen and (min-width: 1500px){
.template-product .Product__Wrapper { max-width: 50% !important;}
#shopify-section-product-template .Product--small { max-width: 100% !important;}
.Product__InfoWrapper {width: 50%;}
}

LeondeCame · August 12, 2021, 10:41am

@dmwwebartisan

And there is also a big space between the product description and the buttons. (https://ibb.co/zFMpZhf)

Is it maybe possible to do it like this? https://ibb.co/nnpRXmW

That the product description also a button is.

dmwwebartisan · August 12, 2021, 10:51am

@LeondeCame

This is some code customization work Please send your theme zip file i will try to send prefect solution to you

Thanks!

LeondeCame · August 12, 2021, 11:36am

@dmwwebartisan

Here do you have the file, thank you!

Just to be sure, it’s for free?

dmwwebartisan · August 12, 2021, 11:54am

@LeondeCame

Thanks for the theme file. Yes, it’s free!!!

LeondeCame · August 12, 2021, 11:55am

@dmwwebartisan
Thank you, any idea when it is fixed?

LeondeCame · August 17, 2021, 8:08am

@dmwwebartisan Did you already had some time to fix this?

dmwwebartisan · August 17, 2021, 9:10am

@LeondeCame

I will get back to you soon.

LeondeCame · August 20, 2021, 9:42am

Hey, @dmwwebartisan

Any idea when that is? Because I need it for my webshop.

Regards,
Demy

dmwwebartisan · August 20, 2021, 9:59am

@LeondeCame

Sorry for the delay. Actually I checked your code if we put button under the description then button will go out of the form. This will take time and need to do customization.

Hope you understand.

LeondeCame · August 20, 2021, 10:19am

@dmwwebartisan

Yeah I understand, that is the reason why I ask when is it clear. Can you say maybe a date or something so I have any idea when it could be clear?

LeondeCame · September 7, 2021, 9:32am

Hello @dmwwebartisan

did you already had some time to work on it?

regards

Topic		Replies	Views
How can I make my product page full width on Kilts Boutique? Store Design	7	82	August 29, 2023
Prestige Theme - Move Content Tabs to the right side of the product page Store Design shopify-themes	8	178	March 17, 2023
Prestige Theme Product Page aligning content sections that I have moved to the right hand side Store Design	2	67	May 19, 2022
Venture Theme Product Pages - Layout Changes Store Design	9	88	August 11, 2022
Venture Product Description Moved, Product Main Picture Thumbnail moved to display horizontally Store Design	13	146	January 25, 2022

How can I get the buttons on the product page under the description

{%- comment -%}

PRODUCT GALLERY

{%- capture product_aside -%} {%- comment -%}

PRODUCT TABS

{%- comment -%}

We allow merchants to add a tag that looks like __with:product-handle to feature an additional product

{{ 'product.buy_it_with.title' | t }}

{%- comment -%}

OFF SCREEN ELEMENTS

{%- comment -%}

We allow merchants to use one image as a “featured image” by adding the alt tag “featured”

{%- comment -%}

If we have some videos, we implement them as modal

{%- comment -%}

This is the root container for the zoom functionality. Must not be removed, as order element is important.

Related topics

{%- capture product_aside -%}
{%- comment -%}