Envy Theme how to move 'Add to Cart' button next to 'Quantity Selector'

Hi,

My question is how do I move the ‘Add to Cart’ button next to the ‘Quantity’ selector (on one line) to save overall vertical space? url: https://mood-street-petit.myshopify.com/, password: jolo

Thank you in advance!

Hi @Teddy9 ,

Please send me the code of main-product.liquid file, I will help you to change it.

Hi,

Thank you for you assistance again!

I attached the template–product.liquid file for you as attachment.

Hi @Teddy9 ,

Please change all code:

{{ 'section-store-availability.min.css' | asset_url | stylesheet_tag }}

{%- assign product_thumb_size = '160x160' -%}
{%- assign product_image_zoom_size = '1024x1024' -%}

{% comment %}Pick an option only makes sense together with dropdowns{% endcomment %}
{% assign pick_an_option = false %}

{%- assign current_variant = product.selected_or_first_available_variant -%}

{%- assign featured_image = current_variant.image | default: product.featured_image -%}

{% comment %}
  Check if the product is on sale and set a variable to be used below.
{% endcomment %}
{% assign on_sale = false %}
{% if current_variant.compare_at_price > current_variant.price %}
  {% assign on_sale = true %}
{% endif %}

{% assign full_width = false %}
{% if section.settings.image_size == 'full-width' %}
  {% assign full_width = true %}
{% endif %}

{% case section.settings.image_size %}
  {% when 'small' %}
    {%- assign product_image_width = 6 -%}
    {%- assign product_image_size = '345x' -%}
  {% when 'medium' %}
    {%- assign product_image_width = 7 -%}
    {%- assign product_image_size = '530x' -%}
  {% when 'large' %}
    {%- assign product_image_width = 8 -%}
    {%- assign product_image_size = '720x' -%}
  {% when 'full-width' %}
    {%- assign product_image_width = 12 -%}
    {%- assign product_image_size = '900x' -%}
{% endcase %}

{% if section.settings.thumbnail_position == 'below' or product.images.size <= 1 %}
  {% case section.settings.image_size %}
    {% when 'small' %}
      {%- assign product_description_width = 'col-md-6' -%}
    {% when 'medium' %}
      {%- assign product_description_width = 'col-md-5' -%}
    {% when 'large' %}
      {%- assign product_description_width = 'col-md-4' -%}
    {% when 'full-width' %}
      {%- assign product_description_width = 'col-md-12' -%}
  {% endcase %}
{% else %}
  {% case section.settings.image_size %}
    {% when 'small' %}
      {%- assign product_description_width = 'col-md-5' -%}
    {% when 'medium' %}
      {%- assign product_description_width = 'col-md-4' -%}
    {% when 'large' %}
      {%- assign product_description_width = 'col-md-3' -%}
    {% when 'full-width' %}
      {%- assign product_description_width = 'col-md-12' -%}
  {% endcase %}
{% endif %}

  

  	
  

{% capture thumbnails %}

  {% if settings.sale_badge %}
    
{{ 'products.general.sale' | t }}

  {% endif %}
  {% if product.media.size > 0 %}
    
      
          {% if section.settings.thumbnail_position == 'below' %}
            
          {% else %}
            
          {% endif %}
      
    

    
      

        {% assign featured_media = current_variant.featured_media | default: product.featured_media %}
        {% render 'product-media', product: product, section_id: section.id, featured_media_id: featured_media.id, enable_image_zoom: section.settings.enable_zoom, enable_video_loop: section.settings.enable_video_loop, autoplay:false %}
      

    

    
      
          {% if section.settings.thumbnail_position == 'below' %}
            
          {% else %}
            
          {% endif %}
      
    

    

  {% endif %}

{% endcapture %}

  {% if section.settings.thumbnail_position == 'left' %}
    {{ thumbnails }}
  {% endif %}
  

    {% if settings.sale_badge %}
      
{{ 'products.general.sale' | t }}

    {% endif %}

    
      {% comment %}Medias for thumbnails will go here on desktop{% endcomment %}
      {% if product.media.size == 0 %}
        {{ 'product-1' | append: current | placeholder_svg_tag: 'icon--placeholder' }}
      {% endif %}
    

    {% if section.settings.thumbnail_position == 'below' %}
      {{ thumbnails }}
    {% endif %}
  

  {% if section.settings.thumbnail_position == 'right' %}
    {{ thumbnails }}
  {% endif %}

  {% capture out_of_stock_email_form %}
    
      {% form 'contact', class: 'product-page-form' %}
      

        {{ 'products.product.thanks' | t }}
      

      {% capture var_title %}
        
      {% endcapture %}
        {{ 'products.product.out-stock_html' | t: product: product.title, variant: var_title }}
      {% if form.errors %}
        

          {{ 'products.product.wrong-email' | t }}
        

      {% endif %}
      
        {% if customer %}
          
          
        {% else %}
          
        {% endif %}
        

          
        

        
          
          
        

      

      {{ 'shopify.online_store.spam_detection.disclaimer_html' | t }}
      {% endform %}
    

  {% endcapture %}

  
  	
  

  {% unless product == empty %}
    
  {% endunless %}

{% schema %}
{
    "name": {
        "en": "Product pages",
        "de": "Produktseiten",
        "es": "Páginas de producto",
        "fr": "Pages des produits",
        "pt-PT": "Páginas de produtos"
    },
    "class": "container",
    "settings": [
        {
          "type": "checkbox",
          "id": "show_out_of_stock_email",
          "label": {
              "en": "Show out of stock email",
              "de": "Die E-Mail \"Nicht lieferbar\" aktivieren",
              "es": "Habilitar correo electrónico agotado",
              "fr": "Activer le courriel Rupture de stock",
              "pt-PT": "Ativar e-mail de esgotado"
          },
          "default": true
        },
        {
          "type": "radio",
          "id": "form_position",
          "label": {
            "en": "Out of stock form position"
          },
          "default": "below-payment-buttons",
          "options": [
              {
                "value": "above-details",
                "label": {
                  "en": "Above product details"
                }
              },
              {
                "value": "below-payment-buttons",
                "label": {
                  "en": "Below payment buttons"
                }
              }
          ]
        },
        {
          "type": "header",
          "content": {
              "en": "Size guide",
              "de": "Größenratgeber",
              "es": "Guía de tallaje",
              "fr": "Guide des tailles",
              "pt-PT": "Guia de tamanhos"
          }
        },
        {
          "type": "url",
          "id": "size_guide_link",
          "label": {
            "en": "Size guide page",
            "de": "Größenratgeberseite",
            "es": "Página con la guía de tallaje",
            "fr": "Page du guide des tailles",
            "pt-PT": "Página de guia de tamanhos"
          },
          "info": {
            "en": "You will need to create a page to link to. [Learn more](https://help.shopify.com/en/manual/online-store/os/pages)",
            "de": "Sie müssen eine Seite erstellen, auf die verlinkt wird. [Mehr erfahren](https://help.shopify.com/de/manual/online-store/os/pages)",
            "es": "Deberá crear una página que vincular. [Más información](https://help.shopify.com/es/manual/online-store/os/pages)",
            "fr": "Vous devrez créer une page à mettre en lien. [En savoir plus](https://help.shopify.com/fr/manual/online-store/os/pages)",
            "pt-PT": "Tem de criar uma página para ligar. [Saber mais](https://help.shopify.com/pt-PT/manual/sell-online/online-store/pages)"
          }
        },
        {
          "type": "text",
          "id": "size_guide_message",
          "label": {
            "en": "Size guide message",
            "de": "Größenratgeber-Nachricht",
            "es": "Mensaje de la guía de tallaje",
            "fr": "Message du guide des tailles",
            "pt-PT": "Mensagem de guia de tamanhos"
          },
          "default": {
            "en": "What's my size?",
            "de": "Was ist meine Größe?",
            "es": "¿Cuál es mi talla?",
            "fr": "Quelle est ma taille ?",
            "pt-PT": "Qual é o meu tamanho?"
          }
        },
        {
          "type": "text",
          "id": "size_guide_variant",
          "label": {
            "en": "Show on a specified variant option",
            "de": "Bei einer bestimmten Variantenoption anzeigen",
            "es": "Mostrar en una opción de variante especificada",
            "fr": "Afficher sur une option de variante spécifiée",
            "pt-PT": "Mostrar numa opção de variante especificada"
          },
          "default": {
            "en": "Size",
            "de": "Größe",
            "es": "Talla",
            "fr": "Taille",
            "pt-PT": "Tamanho"
          }
        },
        {
            "type": "header",
            "content": {
              "en": "Media",
              "de": "Medien",
              "es": "Medios de comunicación",
              "fr": "Médias",
              "pt-PT": "Multimédia"
            },
            "info": {
              "en": "Learn more about [media types](https://help.shopify.com/manual/products/product-media)",
              "de": "Mehr Informationen über [Medientypen ](https://help.shopify.com/manual/products/product-media)",
              "es": "Más información sobre [tipos de archivos multimedia](https://help.shopify.com/manual/products/product-media)",
              "fr": "En savoir plus sur les [types de supports multimédia](https://help.shopify.com/manual/products/product-media)",
              "pt-PT": "Saiba mais sobre [media types](https://help.shopify.com/manual/products/product-media)"
            }
        },
        {
            "type": "select",
            "id": "image_size",
            "label": {
              "en": "Size",
              "de": "Größe",
              "es": "Tamaño",
              "fr": "Taille",
              "pt-PT": "Tamanho"
            },
            "options": [
                {
                    "value": "small",
                    "label": {
                        "en": "Small",
                        "de": "Klein",
                        "es": "Pequeño",
                        "fr": "Petite",
                        "pt-PT": "Pequeno"
                    }
                },
                {
                    "value": "medium",
                    "label": {
                        "en": "Medium",
                        "de": "Mittel",
                        "es": "Mediano",
                        "fr": "Moyenne",
                        "pt-PT": "Médio"
                    }
                },
                {
                    "value": "large",
                    "label": {
                        "en": "Large",
                        "de": "Groß",
                        "es": "Grande",
                        "fr": "Grande",
                        "pt-PT": "Grande"
                    }
                },
                {
                    "value": "full-width",
                    "label": {
                        "en": "Full width",
                        "de": "Volle Breite",
                        "es": "Ancho completo",
                        "fr": "Pleine largeur",
                        "pt-PT": "Largura total"
                    }
                }
            ],
            "default": "medium"
        },
        {
            "type": "select",
            "id": "thumbnail_position",
            "label": {
                "en": "Thumbnail position",
                "de": "Thumbnail-Position",
                "es": "Posición de la imagen en miniatura",
                "fr": "Position de la vignette",
                "pt-PT": "Posição da imagem em miniatura"
            },
            "options": [
                {
                    "value": "below",
                    "label": {
                        "en": "Below main image",
                        "de": "Unter Hauptbild",
                        "es": "Debajo de la imagen principal",
                        "fr": "Image principale ci-dessous",
                        "pt-PT": "Imagem principal abaixo"
                    }
                },
                {
                    "value": "left",
                    "label": {
                        "en": "Left of main image",
                        "de": "Links auf Hauptbild",
                        "es": "A la izquierda de la imagen principal",
                        "fr": "Partie gauche de l'image principale",
                        "pt-PT": "Esquerda da imagem principal"
                    }
                },
                {
                    "value": "right",
                    "label": {
                        "en": "Right of main image",
                        "de": "Rechts auf Hauptbild",
                        "es": "A la derecha de la imagen principal",
                        "fr": "Partie droite de l'image principale",
                        "pt-PT": "Direita da imagem principal"
                    }
                }
            ],
            "default": "below"
        },
        {
            "type": "checkbox",
            "id": "enable_zoom",
            "label": {
                "en": "Enable image zoom",
                "de": "Bildzoom aktivieren",
                "es": "Habilitar zoom sobre la imagen",
                "fr": "Activer le zoom de l'image",
                "pt-PT": "Ativar zoom de imagem"
            },
            "default": true
        },
        {
            "type": "checkbox",
            "id": "enable_video_loop",
            "label": {
              "de": "Videschleife aktivieren",
              "en": "Enable video looping",
              "es": "Habilitar la reproducción de video en bucle",
              "fr": "Activer le bouclage de la vidéo",
              "pt-PT": "Ativar ciclo de vídeo"
            },
            "default": false
        }
    ],
    "blocks": [
        {
          "type": "@app"
        },
        {
          "name": "Product Vendor/SKU",
          "type": "vendor-sku",
          "limit": 1,
          "settings": [
            {
              "id": "show_vendor",
              "type": "checkbox",
              "default": false,
              "label": "Show vendor"
            },
            {
              "id": "show_sku",
              "type": "checkbox",
              "default": false,
              "label": "Show SKU"
            }
          ]
        },
        {
          "name": "Product heading",
          "type": "product-title",
          "limit": 1,
          "settings": [
          ]
        },
        {
          "name": "Product price",
          "type": "product-price",
          "limit": 1,
          "settings": [
              {
                "type": "select",
                "id": "show_discount",
                "label": {
                    "en": "Show discount savings",
                    "de": "Rabattersparnisse aktivieren",
                    "es": "¿Habilitar ahorros por descuentos",
                    "fr": "Permettre des économies de rabais",
                    "pt-PT": "Ativar promoções"
                },
                "options": [
                    {
                        "value": "hide",
                        "label": {
                            "en": "Hide",
                            "de": "Verbergen",
                            "es": "Ocultar",
                            "fr": "Cacher",
                            "pt-PT": "Ocultar"
                        }
                    },
                    {
                        "value": "percentage",
                        "label": {
                            "en": "Percentage",
                            "de": "Prozentsatz",
                            "es": "Porcentaje",
                            "fr": "Pourcentage",
                            "pt-PT": "Percentagem"
                        }
                    },
                    {
                        "value": "value",
                        "label": {
                            "en": "Value",
                            "de": "Wert",
                            "es": "Valor",
                            "fr": "Valeur",
                            "pt-PT": "Valor"
                        }
                    }
                ],
                "default": "hide",
                "info": {
                    "en": "Discounts will only be shown on variants that are on sale",
                    "de": "Rabatte werden nur auf Varianten angezeigt, die im Angebot sind",
                    "es": "Los descuentos solo se mostrarán en las variantes que están de oferta.",
                    "fr": "Les remises ne s'appliqueront qu'aux variantes en vente.",
                    "pt-PT": "Os descontos apenas serão exibidos em variantes que estejam à venda"
                }
            },
            {
              "type": "checkbox",
              "id": "tax_included",
              "label": {
                  "en": "Show 'tax included' message",
                  "de": "Nachricht \"Steuer enthalten\" anzeigen",
                  "es": "Mostrar mensaje \"impuesto incluido\"",
                  "fr": "Afficher le message « taxe incluse »",
                  "pt-PT": "Mostrar mensagem de 'impostos incluídos'"
              },
              "default": true
            },
            {
              "type": "checkbox",
              "id": "shipping_policy",
              "label": {
                  "en": "Show shipping policy link",
                  "de": "Link zur Versandrichtlinie anzeigen",
                  "es": "Mostrar enlace de política de envío",
                  "fr": "Afficher le lien de la politique d'expédition",
                  "pt-PT": "Mostrar hiperligação da política de envios"
              },
              "default": true
            }
          ]
        },
        {
          "name": "Product options",
          "type": "product-options",
          "limit": 1,
          "settings": [
            {
              "type": "checkbox",
              "id": "show_variant_labels",
              "label": {
                  "en": "Show variant labels",
                  "de": "Variantenbezeichnungen anzeigen",
                  "es": "Mostrar etiquetas de las variantes",
                  "fr": "Afficher les étiquettes des variantes",
                  "pt-PT": "Mostrar etiquetas variantes"
              },
              "default": true
            },
            {
                "type": "checkbox",
                "id": "hide_out_of_stock",
                "label": {
                    "en": "Hide out of stock variants",
                    "de": "Nicht lieferbare Varianten verbergen",
                    "es": "Ocultar las variantes en el stock",
                    "fr": "Masquer les variantes en rupture de stock",
                    "pt-PT": "Ocultar variantes em falta"
                },
                "default": false,
                "info": {
                    "en": "Hide variants that are out of stock when there's one variant set",
                    "de": "Nicht lieferbare Varianten verbergen, wenn eine Variante eingestellt ist",
                    "es": "Oculta las variantes que no están disponibles en el stock cuando hay un grupo de variaciones",
                    "fr": "Masquer les variantes en rupture de stock lorsqu'il n'y a qu'un seul ensemble de variantes.",
                    "pt-PT": "Ocultar variantes em falta quando houver uma variante definida"
                }
            },
            {
                "type": "checkbox",
                "id": "pick_an_option",
                "label": {
                    "en": "Show 'Pick an option'",
                    "de": "„Eine Option auswählen“ aktivieren",
                    "es": "Habilitar «Escoja una opción»",
                    "fr": "Activez « Choisir une option ».",
                    "pt-PT": "Ativar \"Escolher uma opção\""
                },
                "default": false
            }
          ]
        },
        {
          "name": "Quantity selector",
          "type": "quantity-selector",
          "limit": 1
        },
        {
          "name": "Payment buttons",
          "type": "payment-buttons",
          "limit": 1,
          "settings": [
            {
                "type": "checkbox",
                "id": "show_smart_checkout",
                "label": {
                    "en": "Show dynamic checkout button",
                    "de": "Dynamischen Bezahlbutton anzeigen",
                    "es": "Mostar el botón de compra dinámica",
                    "fr": "Afficher le bouton de paiement dynamique",
                    "pt-PT": "Mostrar botão de checkout dinâmico"
                },
                "default": true,
                "info": {
                    "en": "Lets customers check out directly using a familiar payment method. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
                    "de": "Lässt Kunden direkt unter Verwendung einer bekannten Zahlungsmethode bezahlen. [Mehr erfahren](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
                    "es": "Permita a los clientes finalizar su compra directamente utilizando un método de pago que les sea familiar. [Aprenda más](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
                    "fr": "Permet aux clients de payer directement en utilisant un mode de paiement familier. [En savoir plus](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
                    "pt-PT": "Permita que os clientes façam checkout diretamente utilizando um método de pagamento familiar. [Saber mais](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)"
                }
            }
          ]
        },
        {
          "name": "Product description",
          "type": "product-description",
          "limit": 1
        },
        {
          "name": "Cross sells",
          "type": "cross-sells",
          "limit": 1,
          "settings": [
            {
              "type": "text",
              "id": "title",
              "label": "Label",
              "default": "Don't forget these..."
            },
            {
              "type": "product",
              "id": "cross_sell_product_1",
              "label": "Cross sell product 1"
            },
            {
              "type": "product",
              "id": "cross_sell_product_2",
              "label": "Cross sell product 2"
            },
            {
              "type": "product",
              "id": "cross_sell_product_3",
              "label": "Cross sell product 3"
            },
            {
              "type": "color",
              "id": "cross_sell_bg",
              "label": "Background color",
              "default": "#F8F8F8"
            }
          ]
        },
        {
          "name": "Social media",
          "type": "social-sharing",
          "limit": 1,
          "settings": [
            {
              "type": "checkbox",
              "id": "social_sharing_facebook",
              "label": {
                  "en": "Facebook",
                  "de": "Facebook",
                  "es": "Facebook",
                  "fr": "Facebook",
                  "pt-PT": "Facebook"
              },
              "default": true
            },
            {
                "type": "checkbox",
                "id": "social_sharing_twitter",
                "label": {
                    "en": "Twitter",
                    "de": "Twitter",
                    "es": "Twitter",
                    "fr": "Twitter",
                    "pt-PT": "Twitter"
                },
                "default": true
            },
            {
                "type": "checkbox",
                "id": "social_sharing_pinterest",
                "label": {
                    "en": "Pinterest",
                    "de": "Pinterest",
                    "es": "Pinterest",
                    "fr": "Pinterest",
                    "pt-PT": "Pinterest"
                },
                "default": true
            }
          ]
        },
        {
          "name": "Local pickup",
          "type": "local-pickup",
          "limit": 1,
          "settings": [
            {
              "type": "paragraph",
              "content": "Enable the local pickup setting in 'Theme settings' > 'Products'."
            }
          ]
        },
        {
          "name": "Shop pay installments",
          "type": "shop-pay",
          "limit": 1
        },
        {
          "name": "Custom Liquid",
          "type": "custom-liquid",
          "settings": [
            {
              "type": "liquid",
              "id": "custom-liquid",
              "label": "Custom Liquid",
              "default": "

Add app snippets or other Liquid code to create advanced customizations.

"
            }
          ]
        },
        {
          "name": "Product rating",
          "type": "product-rating",
          "settings": [
            {
              "type": "text",
              "id": "rating-label",
              "label": "Label",
              "default": "Rating"
            },
            {
              "type": "text",
              "id": "rating",
              "label": "Rating",
              "info": "To display a rating, add a [product rating metafield](/admin/metafields/product)"
            },
            {
              "type": "image_picker",
              "id": "rating-icon-full",
              "label": "Full icon"
            },
            {
              "type": "image_picker",
              "id": "rating-icon-empty",
              "label": "Empty icon",
              "info": "Optional"
            },
            {
              "type": "number",
              "id": "rating-max",
              "label": "Maximum",
              "default": 5,
              "info": "Select a maximum equal to the rating metafield's [scale maximum](/admin/metafields/product)"
            }
          ]
        },
        {
          "name": "Image with offers",
          "type": "image-offer",
          "settings": [
            {
            "type": "image_picker",
            "id": "image",
            "label": "Image"
            },
            {
            "type": "url",
            "id": "link",
            "label": {
              "en": "Link",
              "de": "Link",
              "es": "Enlace",
              "fr": "Lien",
              "pt-PT": "Ligação"
            },
            "info": {
              "en": "Optional",
              "de": "Optional",
              "es": "Opcional",
              "fr": "Facultatif",
              "pt-PT": "Opcional"
              }
            },
            {
              "type": "color",
              "id": "hover_border_color",
              "label": {
                "en": "Link hover border color",
                "de": "Link hover border color",
                "es": "Link hover border color",
                "fr": "Link hover border color",
                "pt-PT": "Link hover border color"
              }
            }
          ]
        },
        {
          "name": "Text with icon",
          "type": "text-with-icon",
          "settings": [
            {
              "type": "select",
              "id": "icon",
              "label": {
                "en": "Icon",
                "de": "Symbol",
                "es": "Icono",
                "fr": "Icône",
                "pt-PT": "Ícone"
              },
              "default": "takeaway",
              "options": [
                  {
                      "value": "none",
                      "label": {
                          "en": "None",
                          "de": "Keiner",
                          "es": "Ninguno",
                          "fr": "Aucun",
                          "pt-PT": "Nenhum"
                      }
                  },
                  {
                      "value": "home-smile",
                      "label": {
                          "en": "Home with smile",
                          "de": "Haus mit Lächeln",
                          "es": "Hogar con sonrisa",
                          "fr": "Accueil souriant",
                          "pt-PT": "Casa com sorriso"
                      }
                  },
                  {
                      "value": "store",
                      "label": {
                          "en": "Store",
                          "de": "Speichern",
                          "es": "Tienda",
                          "fr": "Magasin",
                          "pt-PT": "Loja"
                      }
                  },
                  {
                      "value": "flag",
                      "label": {
                          "en": "Flag",
                          "de": "Flagge",
                          "es": "Bandera",
                          "fr": "Drapeau",
                          "pt-PT": "Bandeira"
                      }
                  },
                  {
                      "value": "service",
                      "label": {
                          "en": "Customer service",
                          "de": "Kundendienst",
                          "es": "Servicio al cliente",
                          "fr": "Service clients",
                          "pt-PT": "Serviço ao cliente"
                      }
                  },
                  {
                      "value": "chat",
                      "label": {
                          "en": "Chat bubble",
                          "de": "Chat-Blase",
                          "es": "Burbuja de chat",
                          "fr": "Bulle de chat",
                          "pt-PT": "Bolha de conversa"
                      }
                  },
                  {
                      "value": "chat-smile",
                      "label": {
                          "en": "Chat bubble with smile",
                          "de": "Chat-Blase mit Lächeln",
                          "es": "Burbuja de chat con sonrisa",
                          "fr": "Bulle de chat avec sourire",
                          "pt-PT": "Bolha de conversa com sorriso"
                      }
                  },
                  {
                      "value": "question-answer",
                      "label": {
                          "en": "Question and answer",
                          "de": "Frage und Antwort",
                          "es": "Pregunta y respuesta",
                          "fr": "Question et réponse",
                          "pt-PT": "Pergunta e resposta"
                      }
                  },
                  {
                      "value": "wallet",
                      "label": {
                          "en": "Wallet",
                          "de": "Geldbörse",
                          "es": "Cartera",
                          "fr": "Portefeuille",
                          "pt-PT": "Carteira"
                      }
                  },
                  {
                      "value": "price-tag",
                      "label": {
                          "en": "Price tag",
                          "de": "Preisschild",
                          "es": "Etiqueta de precio",
                          "fr": "Étiquette de prix",
                          "pt-PT": "Etiqueta de preço"
                      }
                  },
                  {
                      "value": "vip",
                      "label": {
                          "en": "VIP",
                          "de": "VIP",
                          "es": "VIP",
                          "fr": "VIP",
                          "pt-PT": "VIP"
                      }
                  },
                  {
                      "value": "crown",
                      "label": {
                          "en": "Crown",
                          "de": "Krone",
                          "es": "Corona",
                          "fr": "Couronne",
                          "pt-PT": "Coroa"
                      }
                  },
                  {
                      "value": "exchange",
                      "label": {
                          "en": "Exchange",
                          "de": "Austausch",
                          "es": "Intercambio",
                          "fr": "Échange",
                          "pt-PT": "Trocar"
                      }
                  },
                  {
                      "value": "gift",
                      "label": {
                          "en": "Gift",
                          "de": "Geschenk",
                          "es": "Regalo",
                          "fr": "Cadeau",
                          "pt-PT": "Presente"
                      }
                  },
                  {
                      "value": "24-hours",
                      "label": {
                          "en": "24 Hours",
                          "de": "24 Stunden",
                          "es": "24 horas",
                          "fr": "24 heures",
                          "pt-PT": "24 Horas"
                      }
                  },
                  {
                      "value": "heart",
                      "label": {
                          "en": "Heart",
                          "de": "Herz",
                          "es": "Corazón",
                          "fr": "Cœur",
                          "pt-PT": "Coração"
                      }
                  },
                  {
                      "value": "map-pin",
                      "label": {
                          "en": "Map pin",
                          "de": "Karten-Nadel",
                          "es": "Pin de mapa",
                          "fr": "Épingle de carte",
                          "pt-PT": "Alfinete no mapa"
                      }
                  },
                  {
                      "value": "car",
                      "label": {
                          "en": "Car",
                          "de": "Auto",
                          "es": "Coche",
                          "fr": "Voiture",
                          "pt-PT": "Automóvel"
                      }
                  },
                  {
                      "value": "takeaway",
                      "label": {
                          "en": "Takeaway",
                          "de": "Imbissbude",
                          "es": "Para llevar",
                          "fr": "Emporter",
                          "pt-PT": "Comida para fora"
                      }
                  },
                  {
                      "value": "restaurant",
                      "label": {
                          "en": "Restaurant",
                          "de": "Restaurant",
                          "es": "Restaurante",
                          "fr": "Restaurant",
                          "pt-PT": "Restaurante"
                      }
                  },
                  {
                      "value": "cup",
                      "label": {
                          "en": "Cup",
                          "de": "Körbchen",
                          "es": "Taza",
                          "fr": "Tasse",
                          "pt-PT": "Caneca"
                      }
                  },
                  {
                      "value": "goblet",
                      "label": {
                          "en": "Goblet",
                          "de": "Kelch",
                          "es": "Copa",
                          "fr": "Gobelet",
                          "pt-PT": "Cálice"
                      }
                  },
                  {
                      "value": "star",
                      "label": {
                          "en": "Star",
                          "de": "Stern",
                          "es": "Estrella",
                          "fr": "Étoile",
                          "pt-PT": "Estrela"
                      }
                  },
                  {
                      "value": "sun",
                      "label": {
                          "en": "Sun",
                          "de": "Sonne",
                          "es": "Sol",
                          "fr": "Soleil",
                          "pt-PT": "Sol"
                      }
                  },
                  {
                      "value": "moon",
                      "label": {
                          "en": "Moon",
                          "de": "Mond",
                          "es": "Luna",
                          "fr": "Lune",
                          "pt-PT": "Lua"
                      }
                  },
                  {
                      "value": "cake",
                      "label": {
                          "en": "Cake",
                          "de": "Kuchen",
                          "es": "Pastel",
                          "fr": "Gâteau",
                          "pt-PT": "Bolo"
                      }
                  },
                  {
                      "value": "handbag",
                      "label": {
                          "en": "Handbag",
                          "de": "Handtasche",
                          "es": "Bolso",
                          "fr": "Sac à main",
                          "pt-PT": "Mala de mão"
                      }
                  },
                  {
                      "value": "umbrella",
                      "label": {
                          "en": "Umbrella",
                          "de": "Regenschirm",
                          "es": "Paraguas",
                          "fr": "Parapluie",
                          "pt-PT": "Guarda-chuva"
                      }
                  },
                  {
                      "value": "recycle",
                      "label": {
                          "en": "Recycle",
                          "de": "Recyceln",
                          "es": "Reciclar",
                          "fr": "Recycler",
                          "pt-PT": "Reciclar"
                      }
                  }
                ]
            },
            {
              "type": "text",
              "id": "text",
              "label": {
                "en": "Text",
                "de": "Text",
                "es": "Texto",
                "fr": "Texte",
                "pt-PT": "Texto"
              },
              "default": {
                "en": "Free shipping",
                "de": "Kostenloser versand",
                "es": "Envío gratis",
                "fr": "Livraison gratuite",
                "pt-PT": "Envio grátis"
              }
            },
            {
              "type": "url",
              "id": "link",
              "label": {
                "en": "Link",
                "de": "Link",
                "es": "Enlace",
                "fr": "Lien",
                "pt-PT": "Ligação"
              },
              "info": {
                "en": "Optional",
                "de": "Optional",
                "es": "Opcional",
                "fr": "Facultatif",
                "pt-PT": "Opcional"
              }
            }
          ]
        }
    ]
}
{% endschema %}

Hope it helps!

Thanks! I tried it and got the error message which I included in a csv file. It would not let me post the error as it is for some reason.

Hi @Teddy9 ,

Please change all code:

{{ 'section-store-availability.min.css' | asset_url | stylesheet_tag }}

{%- assign product_thumb_size = '160x160' -%}
{%- assign product_image_zoom_size = '1024x1024' -%}

{% comment %}Pick an option only makes sense together with dropdowns{% endcomment %}
{% assign pick_an_option = false %}

{%- assign current_variant = product.selected_or_first_available_variant -%}

{%- assign featured_image = current_variant.image | default: product.featured_image -%}

{% comment %}
  Check if the product is on sale and set a variable to be used below.
{% endcomment %}
{% assign on_sale = false %}
{% if current_variant.compare_at_price > current_variant.price %}
  {% assign on_sale = true %}
{% endif %}

{% assign full_width = false %}
{% if section.settings.image_size == 'full-width' %}
  {% assign full_width = true %}
{% endif %}

{% case section.settings.image_size %}
  {% when 'small' %}
    {%- assign product_image_width = 6 -%}
    {%- assign product_image_size = '345x' -%}
  {% when 'medium' %}
    {%- assign product_image_width = 7 -%}
    {%- assign product_image_size = '530x' -%}
  {% when 'large' %}
    {%- assign product_image_width = 8 -%}
    {%- assign product_image_size = '720x' -%}
  {% when 'full-width' %}
    {%- assign product_image_width = 12 -%}
    {%- assign product_image_size = '900x' -%}
{% endcase %}

{% if section.settings.thumbnail_position == 'below' or product.images.size <= 1 %}
  {% case section.settings.image_size %}
    {% when 'small' %}
      {%- assign product_description_width = 'col-md-6' -%}
    {% when 'medium' %}
      {%- assign product_description_width = 'col-md-5' -%}
    {% when 'large' %}
      {%- assign product_description_width = 'col-md-4' -%}
    {% when 'full-width' %}
      {%- assign product_description_width = 'col-md-12' -%}
  {% endcase %}
{% else %}
  {% case section.settings.image_size %}
    {% when 'small' %}
      {%- assign product_description_width = 'col-md-5' -%}
    {% when 'medium' %}
      {%- assign product_description_width = 'col-md-4' -%}
    {% when 'large' %}
      {%- assign product_description_width = 'col-md-3' -%}
    {% when 'full-width' %}
      {%- assign product_description_width = 'col-md-12' -%}
  {% endcase %}
{% endif %}

  

  	
  

{% capture thumbnails %}

  {% if settings.sale_badge %}
    
{{ 'products.general.sale' | t }}

  {% endif %}
  {% if product.media.size > 0 %}
    
      
          {% if section.settings.thumbnail_position == 'below' %}
            
          {% else %}
            
          {% endif %}
      
    

    
      

        {% assign featured_media = current_variant.featured_media | default: product.featured_media %}
        {% render 'product-media', product: product, section_id: section.id, featured_media_id: featured_media.id, enable_image_zoom: section.settings.enable_zoom, enable_video_loop: section.settings.enable_video_loop, autoplay:false %}
      

    

    
      
          {% if section.settings.thumbnail_position == 'below' %}
            
          {% else %}
            
          {% endif %}
      
    

    

  {% endif %}

{% endcapture %}

  {% if section.settings.thumbnail_position == 'left' %}
    {{ thumbnails }}
  {% endif %}
  

    {% if settings.sale_badge %}
      
{{ 'products.general.sale' | t }}

    {% endif %}

    
      {% comment %}Medias for thumbnails will go here on desktop{% endcomment %}
      {% if product.media.size == 0 %}
        {{ 'product-1' | append: current | placeholder_svg_tag: 'icon--placeholder' }}
      {% endif %}
    

    {% if section.settings.thumbnail_position == 'below' %}
      {{ thumbnails }}
    {% endif %}
  

  {% if section.settings.thumbnail_position == 'right' %}
    {{ thumbnails }}
  {% endif %}

  {% capture out_of_stock_email_form %}
    
      {% form 'contact', class: 'product-page-form' %}
      

        {{ 'products.product.thanks' | t }}
      

      {% capture var_title %}
        
      {% endcapture %}
        {{ 'products.product.out-stock_html' | t: product: product.title, variant: var_title }}
      {% if form.errors %}
        

          {{ 'products.product.wrong-email' | t }}
        

      {% endif %}
      
        {% if customer %}
          
          
        {% else %}
          
        {% endif %}
        

          
        

        
          
          
        

      

      {{ 'shopify.online_store.spam_detection.disclaimer_html' | t }}
      {% endform %}
    

  {% endcapture %}

  
  	
  

  {% unless product == empty %}
    
  {% endunless %}

{% schema %}
{
    "name": {
        "en": "Product pages",
        "de": "Produktseiten",
        "es": "Páginas de producto",
        "fr": "Pages des produits",
        "pt-PT": "Páginas de produtos"
    },
    "class": "container",
    "settings": [
        {
          "type": "checkbox",
          "id": "show_out_of_stock_email",
          "label": {
              "en": "Show out of stock email",
              "de": "Die E-Mail \"Nicht lieferbar\" aktivieren",
              "es": "Habilitar correo electrónico agotado",
              "fr": "Activer le courriel Rupture de stock",
              "pt-PT": "Ativar e-mail de esgotado"
          },
          "default": true
        },
        {
          "type": "radio",
          "id": "form_position",
          "label": {
            "en": "Out of stock form position"
          },
          "default": "below-payment-buttons",
          "options": [
              {
                "value": "above-details",
                "label": {
                  "en": "Above product details"
                }
              },
              {
                "value": "below-payment-buttons",
                "label": {
                  "en": "Below payment buttons"
                }
              }
          ]
        },
        {
          "type": "header",
          "content": {
              "en": "Size guide",
              "de": "Größenratgeber",
              "es": "Guía de tallaje",
              "fr": "Guide des tailles",
              "pt-PT": "Guia de tamanhos"
          }
        },
        {
          "type": "url",
          "id": "size_guide_link",
          "label": {
            "en": "Size guide page",
            "de": "Größenratgeberseite",
            "es": "Página con la guía de tallaje",
            "fr": "Page du guide des tailles",
            "pt-PT": "Página de guia de tamanhos"
          },
          "info": {
            "en": "You will need to create a page to link to. [Learn more](https://help.shopify.com/en/manual/online-store/os/pages)",
            "de": "Sie müssen eine Seite erstellen, auf die verlinkt wird. [Mehr erfahren](https://help.shopify.com/de/manual/online-store/os/pages)",
            "es": "Deberá crear una página que vincular. [Más información](https://help.shopify.com/es/manual/online-store/os/pages)",
            "fr": "Vous devrez créer une page à mettre en lien. [En savoir plus](https://help.shopify.com/fr/manual/online-store/os/pages)",
            "pt-PT": "Tem de criar uma página para ligar. [Saber mais](https://help.shopify.com/pt-PT/manual/sell-online/online-store/pages)"
          }
        },
        {
          "type": "text",
          "id": "size_guide_message",
          "label": {
            "en": "Size guide message",
            "de": "Größenratgeber-Nachricht",
            "es": "Mensaje de la guía de tallaje",
            "fr": "Message du guide des tailles",
            "pt-PT": "Mensagem de guia de tamanhos"
          },
          "default": {
            "en": "What's my size?",
            "de": "Was ist meine Größe?",
            "es": "¿Cuál es mi talla?",
            "fr": "Quelle est ma taille ?",
            "pt-PT": "Qual é o meu tamanho?"
          }
        },
        {
          "type": "text",
          "id": "size_guide_variant",
          "label": {
            "en": "Show on a specified variant option",
            "de": "Bei einer bestimmten Variantenoption anzeigen",
            "es": "Mostrar en una opción de variante especificada",
            "fr": "Afficher sur une option de variante spécifiée",
            "pt-PT": "Mostrar numa opção de variante especificada"
          },
          "default": {
            "en": "Size",
            "de": "Größe",
            "es": "Talla",
            "fr": "Taille",
            "pt-PT": "Tamanho"
          }
        },
        {
            "type": "header",
            "content": {
              "en": "Media",
              "de": "Medien",
              "es": "Medios de comunicación",
              "fr": "Médias",
              "pt-PT": "Multimédia"
            },
            "info": {
              "en": "Learn more about [media types](https://help.shopify.com/manual/products/product-media)",
              "de": "Mehr Informationen über [Medientypen ](https://help.shopify.com/manual/products/product-media)",
              "es": "Más información sobre [tipos de archivos multimedia](https://help.shopify.com/manual/products/product-media)",
              "fr": "En savoir plus sur les [types de supports multimédia](https://help.shopify.com/manual/products/product-media)",
              "pt-PT": "Saiba mais sobre [media types](https://help.shopify.com/manual/products/product-media)"
            }
        },
        {
            "type": "select",
            "id": "image_size",
            "label": {
              "en": "Size",
              "de": "Größe",
              "es": "Tamaño",
              "fr": "Taille",
              "pt-PT": "Tamanho"
            },
            "options": [
                {
                    "value": "small",
                    "label": {
                        "en": "Small",
                        "de": "Klein",
                        "es": "Pequeño",
                        "fr": "Petite",
                        "pt-PT": "Pequeno"
                    }
                },
                {
                    "value": "medium",
                    "label": {
                        "en": "Medium",
                        "de": "Mittel",
                        "es": "Mediano",
                        "fr": "Moyenne",
                        "pt-PT": "Médio"
                    }
                },
                {
                    "value": "large",
                    "label": {
                        "en": "Large",
                        "de": "Groß",
                        "es": "Grande",
                        "fr": "Grande",
                        "pt-PT": "Grande"
                    }
                },
                {
                    "value": "full-width",
                    "label": {
                        "en": "Full width",
                        "de": "Volle Breite",
                        "es": "Ancho completo",
                        "fr": "Pleine largeur",
                        "pt-PT": "Largura total"
                    }
                }
            ],
            "default": "medium"
        },
        {
            "type": "select",
            "id": "thumbnail_position",
            "label": {
                "en": "Thumbnail position",
                "de": "Thumbnail-Position",
                "es": "Posición de la imagen en miniatura",
                "fr": "Position de la vignette",
                "pt-PT": "Posição da imagem em miniatura"
            },
            "options": [
                {
                    "value": "below",
                    "label": {
                        "en": "Below main image",
                        "de": "Unter Hauptbild",
                        "es": "Debajo de la imagen principal",
                        "fr": "Image principale ci-dessous",
                        "pt-PT": "Imagem principal abaixo"
                    }
                },
                {
                    "value": "left",
                    "label": {
                        "en": "Left of main image",
                        "de": "Links auf Hauptbild",
                        "es": "A la izquierda de la imagen principal",
                        "fr": "Partie gauche de l'image principale",
                        "pt-PT": "Esquerda da imagem principal"
                    }
                },
                {
                    "value": "right",
                    "label": {
                        "en": "Right of main image",
                        "de": "Rechts auf Hauptbild",
                        "es": "A la derecha de la imagen principal",
                        "fr": "Partie droite de l'image principale",
                        "pt-PT": "Direita da imagem principal"
                    }
                }
            ],
            "default": "below"
        },
        {
            "type": "checkbox",
            "id": "enable_zoom",
            "label": {
                "en": "Enable image zoom",
                "de": "Bildzoom aktivieren",
                "es": "Habilitar zoom sobre la imagen",
                "fr": "Activer le zoom de l'image",
                "pt-PT": "Ativar zoom de imagem"
            },
            "default": true
        },
        {
            "type": "checkbox",
            "id": "enable_video_loop",
            "label": {
              "de": "Videschleife aktivieren",
              "en": "Enable video looping",
              "es": "Habilitar la reproducción de video en bucle",
              "fr": "Activer le bouclage de la vidéo",
              "pt-PT": "Ativar ciclo de vídeo"
            },
            "default": false
        }
    ],
    "blocks": [
        {
          "type": "@app"
        },
        {
          "name": "Product Vendor/SKU",
          "type": "vendor-sku",
          "limit": 1,
          "settings": [
            {
              "id": "show_vendor",
              "type": "checkbox",
              "default": false,
              "label": "Show vendor"
            },
            {
              "id": "show_sku",
              "type": "checkbox",
              "default": false,
              "label": "Show SKU"
            }
          ]
        },
        {
          "name": "Product heading",
          "type": "product-title",
          "limit": 1,
          "settings": [
          ]
        },
        {
          "name": "Product price",
          "type": "product-price",
          "limit": 1,
          "settings": [
              {
                "type": "select",
                "id": "show_discount",
                "label": {
                    "en": "Show discount savings",
                    "de": "Rabattersparnisse aktivieren",
                    "es": "¿Habilitar ahorros por descuentos",
                    "fr": "Permettre des économies de rabais",
                    "pt-PT": "Ativar promoções"
                },
                "options": [
                    {
                        "value": "hide",
                        "label": {
                            "en": "Hide",
                            "de": "Verbergen",
                            "es": "Ocultar",
                            "fr": "Cacher",
                            "pt-PT": "Ocultar"
                        }
                    },
                    {
                        "value": "percentage",
                        "label": {
                            "en": "Percentage",
                            "de": "Prozentsatz",
                            "es": "Porcentaje",
                            "fr": "Pourcentage",
                            "pt-PT": "Percentagem"
                        }
                    },
                    {
                        "value": "value",
                        "label": {
                            "en": "Value",
                            "de": "Wert",
                            "es": "Valor",
                            "fr": "Valeur",
                            "pt-PT": "Valor"
                        }
                    }
                ],
                "default": "hide",
                "info": {
                    "en": "Discounts will only be shown on variants that are on sale",
                    "de": "Rabatte werden nur auf Varianten angezeigt, die im Angebot sind",
                    "es": "Los descuentos solo se mostrarán en las variantes que están de oferta.",
                    "fr": "Les remises ne s'appliqueront qu'aux variantes en vente.",
                    "pt-PT": "Os descontos apenas serão exibidos em variantes que estejam à venda"
                }
            },
            {
              "type": "checkbox",
              "id": "tax_included",
              "label": {
                  "en": "Show 'tax included' message",
                  "de": "Nachricht \"Steuer enthalten\" anzeigen",
                  "es": "Mostrar mensaje \"impuesto incluido\"",
                  "fr": "Afficher le message « taxe incluse »",
                  "pt-PT": "Mostrar mensagem de 'impostos incluídos'"
              },
              "default": true
            },
            {
              "type": "checkbox",
              "id": "shipping_policy",
              "label": {
                  "en": "Show shipping policy link",
                  "de": "Link zur Versandrichtlinie anzeigen",
                  "es": "Mostrar enlace de política de envío",
                  "fr": "Afficher le lien de la politique d'expédition",
                  "pt-PT": "Mostrar hiperligação da política de envios"
              },
              "default": true
            }
          ]
        },
        {
          "name": "Product options",
          "type": "product-options",
          "limit": 1,
          "settings": [
            {
              "type": "checkbox",
              "id": "show_variant_labels",
              "label": {
                  "en": "Show variant labels",
                  "de": "Variantenbezeichnungen anzeigen",
                  "es": "Mostrar etiquetas de las variantes",
                  "fr": "Afficher les étiquettes des variantes",
                  "pt-PT": "Mostrar etiquetas variantes"
              },
              "default": true
            },
            {
                "type": "checkbox",
                "id": "hide_out_of_stock",
                "label": {
                    "en": "Hide out of stock variants",
                    "de": "Nicht lieferbare Varianten verbergen",
                    "es": "Ocultar las variantes en el stock",
                    "fr": "Masquer les variantes en rupture de stock",
                    "pt-PT": "Ocultar variantes em falta"
                },
                "default": false,
                "info": {
                    "en": "Hide variants that are out of stock when there's one variant set",
                    "de": "Nicht lieferbare Varianten verbergen, wenn eine Variante eingestellt ist",
                    "es": "Oculta las variantes que no están disponibles en el stock cuando hay un grupo de variaciones",
                    "fr": "Masquer les variantes en rupture de stock lorsqu'il n'y a qu'un seul ensemble de variantes.",
                    "pt-PT": "Ocultar variantes em falta quando houver uma variante definida"
                }
            },
            {
                "type": "checkbox",
                "id": "pick_an_option",
                "label": {
                    "en": "Show 'Pick an option'",
                    "de": "„Eine Option auswählen“ aktivieren",
                    "es": "Habilitar «Escoja una opción»",
                    "fr": "Activez « Choisir une option ».",
                    "pt-PT": "Ativar \"Escolher uma opção\""
                },
                "default": false
            }
          ]
        },
        {
          "name": "Quantity selector",
          "type": "quantity-selector",
          "limit": 1
        },
        {
          "name": "Payment buttons",
          "type": "payment-buttons",
          "limit": 1,
          "settings": [
            {
                "type": "checkbox",
                "id": "show_smart_checkout",
                "label": {
                    "en": "Show dynamic checkout button",
                    "de": "Dynamischen Bezahlbutton anzeigen",
                    "es": "Mostar el botón de compra dinámica",
                    "fr": "Afficher le bouton de paiement dynamique",
                    "pt-PT": "Mostrar botão de checkout dinâmico"
                },
                "default": true,
                "info": {
                    "en": "Lets customers check out directly using a familiar payment method. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
                    "de": "Lässt Kunden direkt unter Verwendung einer bekannten Zahlungsmethode bezahlen. [Mehr erfahren](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
                    "es": "Permita a los clientes finalizar su compra directamente utilizando un método de pago que les sea familiar. [Aprenda más](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
                    "fr": "Permet aux clients de payer directement en utilisant un mode de paiement familier. [En savoir plus](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
                    "pt-PT": "Permita que os clientes façam checkout diretamente utilizando um método de pagamento familiar. [Saber mais](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)"
                }
            }
          ]
        },
        {
          "name": "Product description",
          "type": "product-description",
          "limit": 1
        },
        {
          "name": "Cross sells",
          "type": "cross-sells",
          "limit": 1,
          "settings": [
            {
              "type": "text",
              "id": "title",
              "label": "Label",
              "default": "Don't forget these..."
            },
            {
              "type": "product",
              "id": "cross_sell_product_1",
              "label": "Cross sell product 1"
            },
            {
              "type": "product",
              "id": "cross_sell_product_2",
              "label": "Cross sell product 2"
            },
            {
              "type": "product",
              "id": "cross_sell_product_3",
              "label": "Cross sell product 3"
            },
            {
              "type": "color",
              "id": "cross_sell_bg",
              "label": "Background color",
              "default": "#F8F8F8"
            }
          ]
        },
        {
          "name": "Social media",
          "type": "social-sharing",
          "limit": 1,
          "settings": [
            {
              "type": "checkbox",
              "id": "social_sharing_facebook",
              "label": {
                  "en": "Facebook",
                  "de": "Facebook",
                  "es": "Facebook",
                  "fr": "Facebook",
                  "pt-PT": "Facebook"
              },
              "default": true
            },
            {
                "type": "checkbox",
                "id": "social_sharing_twitter",
                "label": {
                    "en": "Twitter",
                    "de": "Twitter",
                    "es": "Twitter",
                    "fr": "Twitter",
                    "pt-PT": "Twitter"
                },
                "default": true
            },
            {
                "type": "checkbox",
                "id": "social_sharing_pinterest",
                "label": {
                    "en": "Pinterest",
                    "de": "Pinterest",
                    "es": "Pinterest",
                    "fr": "Pinterest",
                    "pt-PT": "Pinterest"
                },
                "default": true
            }
          ]
        },
        {
          "name": "Local pickup",
          "type": "local-pickup",
          "limit": 1,
          "settings": [
            {
              "type": "paragraph",
              "content": "Enable the local pickup setting in 'Theme settings' > 'Products'."
            }
          ]
        },
        {
          "name": "Shop pay installments",
          "type": "shop-pay",
          "limit": 1
        },
        {
          "name": "Custom Liquid",
          "type": "custom-liquid",
          "settings": [
            {
              "type": "liquid",
              "id": "custom-liquid",
              "label": "Custom Liquid",
              "default": "

Add app snippets or other Liquid code to create advanced customizations.

"
            }
          ]
        },
        {
          "name": "Product rating",
          "type": "product-rating",
          "settings": [
            {
              "type": "text",
              "id": "rating-label",
              "label": "Label",
              "default": "Rating"
            },
            {
              "type": "text",
              "id": "rating",
              "label": "Rating",
              "info": "To display a rating, add a [product rating metafield](/admin/metafields/product)"
            },
            {
              "type": "image_picker",
              "id": "rating-icon-full",
              "label": "Full icon"
            },
            {
              "type": "image_picker",
              "id": "rating-icon-empty",
              "label": "Empty icon",
              "info": "Optional"
            },
            {
              "type": "number",
              "id": "rating-max",
              "label": "Maximum",
              "default": 5,
              "info": "Select a maximum equal to the rating metafield's [scale maximum](/admin/metafields/product)"
            }
          ]
        },
        {
          "name": "Image with offers",
          "type": "image-offer",
          "settings": [
            {
            "type": "image_picker",
            "id": "image",
            "label": "Image"
            },
            {
            "type": "url",
            "id": "link",
            "label": {
              "en": "Link",
              "de": "Link",
              "es": "Enlace",
              "fr": "Lien",
              "pt-PT": "Ligação"
            },
            "info": {
              "en": "Optional",
              "de": "Optional",
              "es": "Opcional",
              "fr": "Facultatif",
              "pt-PT": "Opcional"
              }
            },
            {
              "type": "color",
              "id": "hover_border_color",
              "label": {
                "en": "Link hover border color",
                "de": "Link hover border color",
                "es": "Link hover border color",
                "fr": "Link hover border color",
                "pt-PT": "Link hover border color"
              }
            }
          ]
        },
        {
          "name": "Text with icon",
          "type": "text-with-icon",
          "settings": [
            {
              "type": "select",
              "id": "icon",
              "label": {
                "en": "Icon",
                "de": "Symbol",
                "es": "Icono",
                "fr": "Icône",
                "pt-PT": "Ícone"
              },
              "default": "takeaway",
              "options": [
                  {
                      "value": "none",
                      "label": {
                          "en": "None",
                          "de": "Keiner",
                          "es": "Ninguno",
                          "fr": "Aucun",
                          "pt-PT": "Nenhum"
                      }
                  },
                  {
                      "value": "home-smile",
                      "label": {
                          "en": "Home with smile",
                          "de": "Haus mit Lächeln",
                          "es": "Hogar con sonrisa",
                          "fr": "Accueil souriant",
                          "pt-PT": "Casa com sorriso"
                      }
                  },
                  {
                      "value": "store",
                      "label": {
                          "en": "Store",
                          "de": "Speichern",
                          "es": "Tienda",
                          "fr": "Magasin",
                          "pt-PT": "Loja"
                      }
                  },
                  {
                      "value": "flag",
                      "label": {
                          "en": "Flag",
                          "de": "Flagge",
                          "es": "Bandera",
                          "fr": "Drapeau",
                          "pt-PT": "Bandeira"
                      }
                  },
                  {
                      "value": "service",
                      "label": {
                          "en": "Customer service",
                          "de": "Kundendienst",
                          "es": "Servicio al cliente",
                          "fr": "Service clients",
                          "pt-PT": "Serviço ao cliente"
                      }
                  },
                  {
                      "value": "chat",
                      "label": {
                          "en": "Chat bubble",
                          "de": "Chat-Blase",
                          "es": "Burbuja de chat",
                          "fr": "Bulle de chat",
                          "pt-PT": "Bolha de conversa"
                      }
                  },
                  {
                      "value": "chat-smile",
                      "label": {
                          "en": "Chat bubble with smile",
                          "de": "Chat-Blase mit Lächeln",
                          "es": "Burbuja de chat con sonrisa",
                          "fr": "Bulle de chat avec sourire",
                          "pt-PT": "Bolha de conversa com sorriso"
                      }
                  },
                  {
                      "value": "question-answer",
                      "label": {
                          "en": "Question and answer",
                          "de": "Frage und Antwort",
                          "es": "Pregunta y respuesta",
                          "fr": "Question et réponse",
                          "pt-PT": "Pergunta e resposta"
                      }
                  },
                  {
                      "value": "wallet",
                      "label": {
                          "en": "Wallet",
                          "de": "Geldbörse",
                          "es": "Cartera",
                          "fr": "Portefeuille",
                          "pt-PT": "Carteira"
                      }
                  },
                  {
                      "value": "price-tag",
                      "label": {
                          "en": "Price tag",
                          "de": "Preisschild",
                          "es": "Etiqueta de precio",
                          "fr": "Étiquette de prix",
                          "pt-PT": "Etiqueta de preço"
                      }
                  },
                  {
                      "value": "vip",
                      "label": {
                          "en": "VIP",
                          "de": "VIP",
                          "es": "VIP",
                          "fr": "VIP",
                          "pt-PT": "VIP"
                      }
                  },
                  {
                      "value": "crown",
                      "label": {
                          "en": "Crown",
                          "de": "Krone",
                          "es": "Corona",
                          "fr": "Couronne",
                          "pt-PT": "Coroa"
                      }
                  },
                  {
                      "value": "exchange",
                      "label": {
                          "en": "Exchange",
                          "de": "Austausch",
                          "es": "Intercambio",
                          "fr": "Échange",
                          "pt-PT": "Trocar"
                      }
                  },
                  {
                      "value": "gift",
                      "label": {
                          "en": "Gift",
                          "de": "Geschenk",
                          "es": "Regalo",
                          "fr": "Cadeau",
                          "pt-PT": "Presente"
                      }
                  },
                  {
                      "value": "24-hours",
                      "label": {
                          "en": "24 Hours",
                          "de": "24 Stunden",
                          "es": "24 horas",
                          "fr": "24 heures",
                          "pt-PT": "24 Horas"
                      }
                  },
                  {
                      "value": "heart",
                      "label": {
                          "en": "Heart",
                          "de": "Herz",
                          "es": "Corazón",
                          "fr": "Cœur",
                          "pt-PT": "Coração"
                      }
                  },
                  {
                      "value": "map-pin",
                      "label": {
                          "en": "Map pin",
                          "de": "Karten-Nadel",
                          "es": "Pin de mapa",
                          "fr": "Épingle de carte",
                          "pt-PT": "Alfinete no mapa"
                      }
                  },
                  {
                      "value": "car",
                      "label": {
                          "en": "Car",
                          "de": "Auto",
                          "es": "Coche",
                          "fr": "Voiture",
                          "pt-PT": "Automóvel"
                      }
                  },
                  {
                      "value": "takeaway",
                      "label": {
                          "en": "Takeaway",
                          "de": "Imbissbude",
                          "es": "Para llevar",
                          "fr": "Emporter",
                          "pt-PT": "Comida para fora"
                      }
                  },
                  {
                      "value": "restaurant",
                      "label": {
                          "en": "Restaurant",
                          "de": "Restaurant",
                          "es": "Restaurante",
                          "fr": "Restaurant",
                          "pt-PT": "Restaurante"
                      }
                  },
                  {
                      "value": "cup",
                      "label": {
                          "en": "Cup",
                          "de": "Körbchen",
                          "es": "Taza",
                          "fr": "Tasse",
                          "pt-PT": "Caneca"
                      }
                  },
                  {
                      "value": "goblet",
                      "label": {
                          "en": "Goblet",
                          "de": "Kelch",
                          "es": "Copa",
                          "fr": "Gobelet",
                          "pt-PT": "Cálice"
                      }
                  },
                  {
                      "value": "star",
                      "label": {
                          "en": "Star",
                          "de": "Stern",
                          "es": "Estrella",
                          "fr": "Étoile",
                          "pt-PT": "Estrela"
                      }
                  },
                  {
                      "value": "sun",
                      "label": {
                          "en": "Sun",
                          "de": "Sonne",
                          "es": "Sol",
                          "fr": "Soleil",
                          "pt-PT": "Sol"
                      }
                  },
                  {
                      "value": "moon",
                      "label": {
                          "en": "Moon",
                          "de": "Mond",
                          "es": "Luna",
                          "fr": "Lune",
                          "pt-PT": "Lua"
                      }
                  },
                  {
                      "value": "cake",
                      "label": {
                          "en": "Cake",
                          "de": "Kuchen",
                          "es": "Pastel",
                          "fr": "Gâteau",
                          "pt-PT": "Bolo"
                      }
                  },
                  {
                      "value": "handbag",
                      "label": {
                          "en": "Handbag",
                          "de": "Handtasche",
                          "es": "Bolso",
                          "fr": "Sac à main",
                          "pt-PT": "Mala de mão"
                      }
                  },
                  {
                      "value": "umbrella",
                      "label": {
                          "en": "Umbrella",
                          "de": "Regenschirm",
                          "es": "Paraguas",
                          "fr": "Parapluie",
                          "pt-PT": "Guarda-chuva"
                      }
                  },
                  {
                      "value": "recycle",
                      "label": {
                          "en": "Recycle",
                          "de": "Recyceln",
                          "es": "Reciclar",
                          "fr": "Recycler",
                          "pt-PT": "Reciclar"
                      }
                  }
                ]
            },
            {
              "type": "text",
              "id": "text",
              "label": {
                "en": "Text",
                "de": "Text",
                "es": "Texto",
                "fr": "Texte",
                "pt-PT": "Texto"
              },
              "default": {
                "en": "Free shipping",
                "de": "Kostenloser versand",
                "es": "Envío gratis",
                "fr": "Livraison gratuite",
                "pt-PT": "Envio grátis"
              }
            },
            {
              "type": "url",
              "id": "link",
              "label": {
                "en": "Link",
                "de": "Link",
                "es": "Enlace",
                "fr": "Lien",
                "pt-PT": "Ligação"
              },
              "info": {
                "en": "Optional",
                "de": "Optional",
                "es": "Opcional",
                "fr": "Facultatif",
                "pt-PT": "Opcional"
              }
            }
          ]
        }
    ]
}
{% endschema %}

Hi, two errors left. See attachment for your reference

NO! I MADE A MISTAKE! IGNORE THIS MESSAGE PLEASE

Hi

This is the result, is it possible that we swap the sizes of the two? The Add to cart button to have the size that the Quantity Selector has and vice versa?

I am very happy with the result. I added this CSS the change the button width and see the result below. Thank you for you assistance!

/**


  • PRODUCT PAGE CSS

*/
.quantity-controls__outer {
max-width: 140px;
}
.product-page–submit-action {
width: 120%;
padding-right: 40px;
}