I am trying to move the thumnails position to below the image in Venture theme.
It already acheives this in mobile as it stacks all elements due to media query.
However, I cannot figure out how to move them to below the image to reduce the whitespace.
Product.template.liquid (below)
{% comment %}
Get first variant, or deep linked one
{% endcomment %}
{% assign current_variant = product.selected_or_first_available_variant %}
{{ product.vendor }}
{% endif %}{{ product.title }}
-
{{ 'products.product.on_sale' | t }}
- {% unless product.compare_at_price_max > product.price %} {{ 'products.product.regular_price' | t }} {% endunless %} {{ current_variant.price | money }} {% if product.compare_at_price_max > product.price %}
-
{{ 'products.product.regular_price' | t }}
{{ current_variant.compare_at_price | money }}
{% endif %}
{% if section.settings.stock_enable %}
- {% if current_variant.inventory_management %} {% if current_variant.inventory_quantity < 10 and current_variant.inventory_quantity > 0 %} {% assign qty = current_variant.inventory_quantity %} {{ 'products.product.stock_available' | t: count: qty }} {% elsif current_variant.inventory_quantity == 0 or current_variant.inventory_quantity < 0 and current_variant.incoming %} {% if current_variant.available %} {% assign date = current_variant.next_incoming_date | date: "%B %-d, %Y" %} {{ 'products.product.will_not_ship_until' | t: date: date }} {% else %} {% assign date = current_variant.next_incoming_date | date: "%B %-d, %Y" %} {{ 'products.product.will_be_in_stock_after' | t: date: date }} {% endif %} {% endif %} {% endif %} {% endif %}
{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
{% capture “form_class” %}product-form{% if section.settings.enable_payment_button %} product-form–payment-button{% endif %}{%- endcapture %}
{% capture “form_id” %}AddToCartForm-{{ section.id }}{%- endcapture %}
{% form ‘product’, product, class:form_class, id:form_id %}
{% unless product.has_only_default_variant %}
{% for option in product.options_with_values %}
{% if section.settings.social_sharing_products %}
{% include 'social-sharing', share_title: product.title, share_permalink: product.url, share_image: product %} {% endif %}
{% unless product == empty %}
{% if section.settings.stock_enable %}
{% endif %}
{% endunless %}
{% schema %}
{
“name”: {
“de”: “Produktseiten”,
“en”: “Product pages”,
“es”: “Páginas de productos”,
“fr”: “Pages de produits”,
“it”: “Pagine di prodotto”,
“ja”: “商品ページ”,
“pt-BR”: “Páginas de produtos”
},
“settings”: [
{
“type”: “checkbox”,
“id”: “enable_ajax”,
“label”: {
“de”: “Auf der aktuellen Seite bleiben, wenn Artikel hinzugefügt wird”,
“en”: “Stay on current page when item is added to cart”,
“es”: “Permanece en la página actual al agregar el artículo al carrito.”,
“fr”: “Rester sur la page actuelle lorsqu’un article est ajouté au panier”,
“it”: “Resta sulla stessa pagina quando l’articolo viene aggiunto al carrello”,
“ja”: “アイテムがカートに追加されたときに現在のページにとどまる”,
“pt-BR”: “Permanecer na página atual quando o item for adicionado ao carrinho”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “stock_enable”,
“label”: {
“de”: “Bestand anzeigen, wenn weniger als 10 Produkte verfügbar sind”,
“en”: “Show stock when less than 10 products available”,
“es”: “Mostrar inventario cuando haya menos de 10 productos disponibles.”,
“fr”: “Afficher le stock lorsque moins de 10 produits sont disponibles”,
“it”: “Mostra quantità prodotti disponibili quando ne restano meno di 10”,
“ja”: “商品の在庫数が10個以下の場合は在庫を表示する”,
“pt-BR”: “Exibir estoque quando há menos de 10 produtos disponíveis”
},
“default”: false
},
{
“type”: “checkbox”,
“id”: “enable_payment_button”,
“label”: {
“de”: “Dynamischen Checkout Button anzeigen”,
“en”: “Show dynamic checkout button”,
“es”: “Mostrar botón de pago dinámico”,
“fr”: “Afficher le bouton de passage à la caisse dynamique”,
“it”: “Mostra pulsante di check-out dinamico”,
“ja”: “ダイナミックチェックアウトボタンを表示する”,
“pt-BR”: “Exibir botão dinâmico de finalização da compra”
},
“info”: {
“de”: “Jeder Kunde sieht seine bevorzugte Zahlungsmethode aus den in Ihrem Shop verfügbaren Zahlungsmethoden wie PayPal oder Apple Pay. Mehr Infos”,
“en”: “Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. Learn more”,
“es”: “Cada cliente verá su forma de pago preferida entre las disponibles en tu tienda, como PayPal o Apple Pay. Más información”,
“fr”: “Chaque client verra son moyen de paiement préféré parmi ceux qui sont proposés sur votre boutique, tels que PayPal ou Apple Pay. En savoir plus”,
“it”: “Ogni cliente vedrà il suo metodo di pagamento preferito tra quelli disponibili nel tuo negozio, come PayPal o Apple Pay. Maggiori informazioni”,
“ja”: “PayPalやApple Payなど、ストアで利用可能な希望の決済方法がお客様に表示されます。もっと詳しく”,
“pt-BR”: “Cada cliente verá seu método de pagamento preferido dentre os disponíveis na loja, como PayPal ou Apple Pay. Saiba mais”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “social_sharing_products”,
“label”: {
“de”: “Teilen von Produkten aktivieren”,
“en”: “Enable product sharing”,
“es”: “Habilitar compartir productos”,
“fr”: “Activer le partage de produits”,
“it”: “Permetti condivisione del prodotto”,
“ja”: “商品の共有を有効にする”,
“pt-BR”: “Habilite o compartilhamento de produtos”
},
“default”: true
}
]
}
{% endschema %}