Hi, I’m having an issue with product descriptions being truncated on the left hand side when viewed on mobile device. I’ve been told its an issue in Product Liquid theme coding.
I’m using older Supply theme (looking to update to paid theme 2.0 in new financial year so just trying to fix this in the meantime. I know installing the updated version of Supply theme and rebuilding will help, but again, trying to save time and see if I can get it fixed before resorting to that.
Sezzle coding also needs to be removed and I’ve requested instructions from them on how to remove.
Can anyone please help?
Here is the current coding in Product.Liquid
{% include ‘elspw_product’ %}
{% comment %}
The contents of the product.liquid template can be found in /sections/product-template.liquid
{% endcomment %}
Hi, sorry I didn’t think about linking my website. It’s www.crystalkarmabytrina.com. Mobile view is where the issue is - product description truncated on left. Thanks for your reply.
Hi, here’s my website. It’s www.crystalkarmabytrina.com. Mobile view is where the issue is - product description truncated on left. Thanks for your reply.
Here is the /sections/product-template.liquid
{% include 'breadcrumb' %}
{% case section.settings.add_to_cart_button_size %}
{% when ‘small’ %}
{% assign btn_class = ‘btn’ %}
{% when ‘medium’ %}
{% assign btn_class = ‘btn btn–wide’ %}
{% when ‘large’ %}
{% assign btn_class = ‘btn btn–full btn–large’ %}
{% endcase %}
{% if section.settings.add_to_cart_button_size == ‘large’ %}
{% if section.settings.related_products_enable %}
{% assign grid_item_width = ‘large–one-fifth medium–one-third small–one-half’ %}
{% include ‘related-products’ %}
{% endif %}
{% if section.settings.product_reviews_enable %}
{{ product.metafields.spr.reviews }}
{% endif %}
{% unless product == empty %}
{% if section.settings.product_quantity_message or section.settings.product_incoming_message %}
{% endif %}
{% endunless %}
{% schema %}
{
“name”: {
“da”: “Produkt”,
“de”: “Produkt”,
“en”: “Product”,
“es”: “Producto”,
“fi”: “Tuote”,
“fr”: “Produit”,
“hi”: “उत्पाद”,
“it”: “Prodotto”,
“ja”: “商品”,
“ko”: “제품”,
“ms”: “Produk”,
“nb”: “Produkt”,
“nl”: “Product”,
“pt-BR”: “Produto”,
“pt-PT”: “Produto”,
“sv”: “Produkt”,
“th”: “สินค้า”,
“zh-CN”: “产品”,
“zh-TW”: “產品”
},
“class”: “product-template-section”,
“settings”: [
{
“type”: “checkbox”,
“id”: “product_image_zoom_enable”,
“label”: {
“da”: “Aktivér billedzoom”,
“de”: “Aktivieren des Bildzooms”,
“en”: “Enable image zoom”,
“es”: “Habilitar zoom de imagen”,
“fi”: “Ota kuvan zoomaus käyttöön”,
“fr”: “Activer le zoom sur image”,
“hi”: “इमेज ज़ूम सक्षम करें”,
“it”: “Abilita lo zoom dell’immagine”,
“ja”: “画像ズームを有効にする”,
“ko”: “이미지 확대 사용”,
“ms”: “Dayakan zum imej”,
“nb”: “Aktiver bildezoom”,
“nl”: “Inzoomen op afbeelding inschakelen”,
“pt-BR”: “Habilitar o zoom da imagem”,
“pt-PT”: “Ative o zoom da imagem”,
“sv”: “Aktivera bildzoom”,
“th”: “เปิดใช้การซูมภาพ”,
“zh-CN”: “启用图片缩放”,
“zh-TW”: “啟用圖片縮放”
}
},
{
“type”: “checkbox”,
“id”: “product_quantity_enable”,
“label”: {
“da”: “Vis antalsvælger”,
“de”: “Quantitäts-Auswahl anzeigen”,
“en”: “Show quantity selector”,
“es”: “Mostrar selector de cantidad”,
“fi”: “Näytä määrän valitsin”,
“fr”: “Afficher le sélecteur de quantité”,
“hi”: “मात्रा चयनकर्ता दिखाएं”,
“it”: “Mostra selettore quantità”,
“ja”: “数量セレクターを表示する”,
“ko”: “수량 선택기 표시”,
“ms”: “Tunjukkan pemilih kuantiti”,
“nb”: “Vis mengdevelger”,
“nl”: “Hoeveelheidskiezer weergeven”,
“pt-BR”: “Exibir seletor de quantidade”,
“pt-PT”: “Mostrar um seletor de quantidade”,
“sv”: “Visa kvantitetsväljare”,
“th”: “แสดงตัวเลือกจำนวน”,
“zh-CN”: “显示数量选择器”,
“zh-TW”: “顯示數量選擇器”
}
},
{
“type”: “checkbox”,
“id”: “product_quantity_message”,
“label”: {
“da”: “Vis meddelelse om tilbageværende antal”,
“de”: “Meldung zur verbleibenden Restmenge anzeigen”,
“en”: “Show remaining quantity message”,
“es”: “Mostrar mensaje de cantidad restante”,
“fi”: “Näytä jäljellä oleva määrä -viesti”,
“fr”: “Afficher le message de quantité restante”,
“hi”: “शेष मात्रा संदेश दिखाएं”,
“it”: “Mostra messaggio con la quantità rimanente”,
“ja”: “残数のメッセージを表示する”,
“ko”: “남은 수량 메시지 표시”,
“ms”: “Tunjukkan baki kuantiti mesej”,
“nb”: “Vis melding om gjenværende antall”,
“nl”: “Laat resterende hoeveelheidbericht zien”,
“pt-BR”: “Exibir uma mensagem de quantidade restante”,
“pt-PT”: “Mostrar mensagem de quantidade restante”,
“sv”: “Visa meddelande om återstående kvantitet”,
“th”: “แสดงปริมาณข้อความที่เหลืออยู่”,
“zh-CN”: “显示剩余数量消息”,
“zh-TW”: “顯示剩餘數量的訊息”
}
},
{
“type”: “checkbox”,
“id”: “product_incoming_message”,
“label”: {
“da”: “Vis meddelelse om indgående lageroverførsel, når varen er udsolgt”,
“de”: “Meldung zu eingehender Warenverschiebung bei Ausverkauf anzeigen”,
“en”: “Show incoming stock transfer message when sold out”,
“es”: “Mostrar mensaje de inventario entrante cuando se agote el producto”,
“fi”: “Näytä saapuva varasto -viesti kun tuote on loppuunmyyty”,
“fr”: “Afficher le message de transfert de stock entrant lorsqu’épuisé”,
“hi”: “बिक्री होने पर इनकमिंग स्टॉक हस्तांतरण संदेश दिखाएं”,
“it”: “Mostra messaggio trasferimento stock in entrata quando esaurito”,
“ja”: “売り切れ時に入荷予定のメッセージを表示する”,
“ko”: “품절 시 재고 전송 메시지 표시”,
“ms”: “Tunjukkan mesej pemindahan stok masuk apabila habis dijual”,
“nb”: “Vis melding for innkommende overføring av lagerbeholdning når et produkt er utsolgt”,
“nl”: “Laat binnenkort weer beschikbaar zien wanneer het uitverkocht is”,
“pt-BR”: “Exibir uma mensagem de estoque quando um item estiver esgotado”,
“pt-PT”: “Mostrar mensagem de stock recebido quando esgotado”,
“sv”: “Visa inkommande aktieöverföringsmeddelande när det är utsålt”,
“th”: “แสดงข้อความระบุข้อมูลการเติมสต็อกสินค้าขาเข้าเมื่อของหมด”,
“zh-CN”: “售罄时显示传入的库存转移消息”,
“zh-TW”: “售完時顯示即將調貨的訊息”
}
},
{
“type”: “checkbox”,
“id”: “product_vendor_enable”,
“label”: {
“da”: “Vis produktleverandør”,
“de”: “Produktverkäufer anzeigen”,
“en”: “Show product vendor”,
“es”: “Mostrar proveedor del producto”,
“fi”: “Näytä tuotteen myyjä”,
“fr”: “Afficher le distributeur du produit”,
“hi”: “उत्पाद विक्रेता दिखाएं”,
“it”: “Mostra fornitore prodotto”,
“ja”: “商品の販売元を表示する”,
“ko”: “제품 공급 업체 표시”,
“ms”: “Tunjukkan vendor produk”,
“nb”: “Vis produktleverandør”,
“nl”: “Productleverancier weergeven”,
“pt-BR”: “Exibir fornecedor do produto”,
“pt-PT”: “Mostrar o fornecedor do produto”,
“sv”: “Visa produktsäljare”,
“th”: “แสดงผู้ขายสินค้า”,
“zh-CN”: “显示产品厂商”,
“zh-TW”: “顯示產品廠商”
}
},
{
“type”: “checkbox”,
“id”: “product_show_saved_amount”,
“label”: {
“da”: “Vis besparelse”,
“de”: “Gesparten Betrag anzeigen”,
“en”: “Show saved amount”,
“es”: “Mostrar monto ahorrado”,
“fi”: “Näytä säästetty summa”,
“fr”: “Afficher le montant économisé”,
“hi”: “सहेजी गई राशि दिखाएं”,
“it”: “Mostra importo risparmiato”,
“ja”: “保存された金額を表示”,
“ko”: “저장 금액 표시”,
“ms”: “Tunjukkan jumlah yang disimpan”,
“nb”: “Vis spart beløp”,
“nl”: “Bespaard bedrag weergeven”,
“pt-BR”: “Exibir valor salvo”,
“pt-PT”: “Mostrar valor poupado”,
“sv”: “Visa sparade belopp”,
“th”: “แสดงจำนวนที่บันทึกไว้”,
“zh-CN”: “显示已保存的金额”,
“zh-TW”: “顯示省下金額”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “product_show_compare_at_price”,
“label”: {
“da”: “Vis sammenligningspris”,
“de”: “Vergleichspreis anzeigen”,
“en”: “Show compare at price”,
“es”: “Mostrar precio de comparación”,
“fi”: “Näytä hintavertailu”,
“fr”: “Afficher le prix de comparaison”,
“hi”: “मूल्य पर तुलना दिखाएं”,
“it”: “Mostra Prezzo di confronto”,
“ja”: “価格比較を表示する”,
“ko”: “비교가 표시”,
“ms”: “Tunjukkan harga asal”,
“nb”: “Vis prissammenligning”,
“nl”: “Prijsvergelijking weergeven”,
“pt-BR”: “Exibir Comparação de preços”,
“pt-PT”: “Mostrar preço comparado”,
“sv”: “Visa ursprungspris”,
“th”: “แสดงการเปรียบเทียบราคา”,
“zh-CN”: “显示原价”,
“zh-TW”: “顯示售價”
},
“default”: false
},
{
“type”: “checkbox”,
“id”: “related_products_enable”,
“label”: {
“da”: “Vis relaterede produkter”,
“de”: “Ähnliche Produkte anzeigen”,
“en”: “Show related products”,
“es”: “Mostrar productos relacionados”,
“fi”: “Näytä vastaavat tuotteet”,
“fr”: “Afficher les produits associés”,
“hi”: “संबंधित उत्पाद दिखाएं”,
“it”: “Mostra prodotti correlati”,
“ja”: “関連商品を表示する”,
“ko”: “관련 제품 표시”,
“ms”: “Tunjukkan produk berkaitan”,
“nb”: “Vis relaterte produkter”,
“nl”: “Toon verwante producten”,
“pt-BR”: “Exibir produtos relacionados”,
“pt-PT”: “Mostrar produtos relacionados”,
“sv”: “Visa relaterade produkter”,
“th”: “แสดงสินค้าที่เกี่ยวข้อง”,
“zh-CN”: “显示相关产品”,
“zh-TW”: “顯示相關產品”
}
},
{
“type”: “checkbox”,
“id”: “enable_payment_button”,
“label”: {
“da”: “Vis dynamisk betalingsknap”,
“de”: “Dynamischen Checkout-Button anzeigen”,
“en”: “Show dynamic checkout button”,
“es”: “Mostrar botón de pago dinámico”,
“fi”: “Näytä dynaaminen kassapainike”,
“fr”: “Afficher le bouton de passage à la caisse dynamique”,
“hi”: “डायनेमिक चेकआउट बटन दिखाएं”,
“it”: “Mostra pulsante di check-out dinamico”,
“ja”: “ダイナミックチェックアウトボタンを表示する”,
“ko”: “동적 결제 버튼 표시”,
“ms”: “Tunjukkan butang daftar keluar dinamik”,
“nb”: “Vis dynamisk knapp for å gå til kassen”,
“nl”: “Dynamische checkout knop weergeven”,
“pt-BR”: “Exibir botão dinâmico de checkout”,
“pt-PT”: “Mostrar o botão dinâmico de finalização da compra”,
“sv”: “Visa dynamiska utcheckningsknappar”,
“th”: “แสดงปุ่มชำระเงินแบบไดนามิก”,
“zh-CN”: “显示动态结账按钮”,
“zh-TW”: “顯示動態結帳按鈕”
},
“info”: {
“da”: “Den enkelte kunde vil se sin foretrukne betalingsmetode blandt dem, der er tilgængelige i din butik, f.eks. PayPal eller Apple Pay. Få mere at vide”,
“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”,
“fi”: “Kukin asiakas näkee ensisijaisen valintansa kauppasi tarjoamista maksutavoista, esim. PayPal tai Apple Pay. Lisätietoja”,
“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”,
“hi”: “प्रत्येक ग्राहक आपके स्टोर पर उपलब्ध अपनी पसंदीदा भुगतान की विधि देखेंगे जैसे PayPal या Apple Pay. अधिक जानें”,
“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など、ストアで利用可能な希望の決済方法がお客様に表示されます。もっと詳しく”,
“ko”: “각 고객은 PayPal 또는 Apple Pay와 같이 스토어에서 사용 가능한 지불 방법을 확인할 수 있습니다. 자세히 알아보기”,
“ms”: “Setiap pelanggan akan melihat kaedah pembayaran keutamaan mereka dari yang tersedia di kedai anda, seperti PayPal atau Apple Pay. Ketahui lebih lanjut”,
“nb”: “Hver enkelt kunde vil se sin foretrukne betalingsmåte blant de som er tilgjengelig i butikken din, som PayPal eller Apple Pay. Finn ut mer”,
“nl”: “Elke klant ziet zijn of haar beschikbare voorkeursmethode om af te rekenen, zoals PayPal of Apple Pay. Meer informatie”,
“pt-BR”: “Cada cliente verá sua forma de pagamento preferida dentre as disponíveis na loja, como PayPal ou Apple Pay. Saiba mais”,
“pt-PT”: “Cada cliente irá ver o seu método de pagamento preferido entre os disponíveis na loja, como o PayPal ou Apple Pay. Saiba mais”,
“sv”: “Varje kund kommer att se den föredragna betalningsmetoden från de som finns tillgängliga i din butik, till exempel PayPal eller Apple Pay. Läs mer”,
“th”: “ลูกค้าแต่ละรายจะเห็นวิธีการชำระเงินที่ต้องการจากวิธีที่ใช้ได้ในร้านค้าของคุณ เช่น PayPal หรือ Apple Pay ดูข้อมูลเพิ่มเติม”,
“zh-CN”: “每位客户都可在您商店提供的付款方式中看到他们的首选付款方式,例如 PayPal 或 Apple Pay。了解详细信息”,
“zh-TW”: “每位顧客都可以在您商店內開放使用的付款方式中看見他們偏好使用的方式,如 PayPal、Apple Pay 等。深入瞭解相關資訊”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “social_sharing_products”,
“label”: {
“da”: “Aktivér produktdeling”,
“de”: “Teilen von Produkten aktivieren”,
“en”: “Enable product sharing”,
“es”: “Habilitar compartir productos”,
“fi”: “Ota tuotejako käyttöön”,
“fr”: “Activer le partage de produits”,
“hi”: “उत्पाद साझाकरण सक्षम करें”,
“it”: “Abilita condivisione del prodotto”,
“ja”: “商品の共有を有効にする”,
“ko”: “제품 공유 활성화”,
“ms”: “Dayakan perkongsian produk”,
“nb”: “Aktiver produktdeling”,
“nl”: “Schakel het delen van producten in”,
“pt-BR”: “Habilitar o compartilhamento de produtos”,
“pt-PT”: “Ativar a partilha de produtos”,
“sv”: “Aktivera produktdelning”,
“th”: “เปิดใช้การแชร์สินค้า”,
“zh-CN”: “启用产品分享”,
“zh-TW”: “啟用產品分享”
},
“default”: true
},
{
“type”: “checkbox”,
“id”: “product_reviews_enable”,
“label”: {
“da”: “Aktivér produktanmeldelser”,
“de”: “Produktbewertungen aktivieren”,
“en”: “Enable product reviews”,
“es”: “Habilitar reseñas de productos”,
“fi”: “Ota tuotearvostelut käyttöön”,
“fr”: “Activer les avis sur les produits”,
“hi”: “उत्पाद समीक्षा सक्षम करें”,
“it”: “Abilita recensioni di prodotto”,
“ja”: “商品レビューを有効にする”,
“ko”: “제품 리뷰 사용”,
“ms”: “Dayakan ulasan produk”,
“nb”: “Aktiver produktanmeldelser”,
“nl”: “Productbeoordelingen inschakelen”,
“pt-BR”: “Habilitar as avaliações de produtos”,
“pt-PT”: “Ativar as análises de produtos”,
“sv”: “Aktivera produktrecensioner”,
“th”: “เปิดรีวิวสินค้า”,
“zh-CN”: “启用产品评论”,
“zh-TW”: “啟用產品評論”
},
“info”: {
“da”: “Installer den gratis Shopify-app Produktanmeldelser for at tilføje produktanmeldelser.”,
“de”: “Installieren Sie die kostenlose Shopify-App Product Reviews, um Produktbewertungen hinzuzufügen.”,
“en”: “Install the free Shopify Product Reviews app to add product reviews.”,
“es”: “Instala la aplicación gratis de Shopify Product Reviews para agregar reseñas de productos.”,
“fi”: “Asenna ilmainen Shopify tuotearvostelut -sovellus tuotearvostelujen lisäämiseen.”,
“fr”: “Installer l’application Shopify gratuite Product Reviews pour ajouter des avis sur les produits.”,
“hi”: “नि: शुल्क Shopify इंस्टाल करें उत्पाद समीक्षा उत्पाद समीक्षा जोड़ने के लिए ऐप.”,
“it”: “Installa l’app gratuita di Shopify Recensioni Prodotto per aggiungere delle recensioni di prodotto.”,
“ja”: “無料のShopify商品レビューをインストールしてください商品レビューを追加するためのアプリです。](https://apps.shopify.com/product-reviews)をインストールしてください商品レビューを追加するためのアプリです。)”,
“ko”: “무료 Shopify [제품 리뷰] 를 설치하십시오.(https://apps.shopify.com/product-reviews) 제품 리뷰 추가 앱”,
“ms”: “Pasang Shopify percuma Ulasan Produk aplikasi untuk menambah ulasan produk.”,
“nb”: “Installer den gratis Shopify Produktanmeldelser appen for å legge til produktanmeldelser.”,
“nl”: “Installeer de gratis Shopify Productbeoordelingen app om productbeoordelingen toe te voegen”,
“pt-BR”: “Instale o app Shopify Avaliações de Produtos para adicionar avaliações de produtos.”,
“pt-PT”: “Instale a aplicação gratuita da Shopify Análises de produtos para adicionar análises de produtos.”,
“sv”: “Installera den fria Shopify Produktrecensioner app för att lägga till produktrecensioner.”,
“th”: “ติดตั้งแอป Shopify รีวิวสินค้า เพื่อเพิ่มรีวิวสินค้าฟรี”,
“zh-CN”: “安装免费 Shopify 产品评论 应用以添加产品评论。”,
“zh-TW”: “免費安裝 Shopify Product Reviews 應用程式以新增產品評論。”
}
},
{
“type”: “select”,
“id”: “add_to_cart_button_size”,
“label”: {
“da”: “Variantvælger og knapstørrelse”,
“de”: “Variantenauswahl und Schaltflächengröße”,
“en”: “Variant picker and button size”,
“es”: “Selector de variantes y tamaño del botón”,
“fi”: “Versionvalitsin ja painikkeen koko”,
“fr”: “Sélecteur de variante et taille du bouton”,
“hi”: “वेरिएंट पिकर और बटन का आकार”,
“it”: “Dimensione selettore variante e pulsante”,
“ja”: “バリエーションピッカーとボタンサイズ”,
“ko”: “이형 상품 피커 및 버튼 사이즈”,
“ms”: “Pemetik varian dan saiz butang”,
“nb”: “Variantvelger og knappestørrelse”,
“nl”: “Variantkiezer en knopgrootte”,
“pt-BR”: “Seletor de variantes e tamanho do botão”,
“pt-PT”: “Tamanho dos botões e seletor de variantes”,
“sv”: “Variantplockare och knappstorlek”,
“th”: “เครื่องมือเลือกตัวเลือกสินค้าและขนาดของปุ่ม”,
“zh-CN”: “多属性选择器和按钮大小”,
“zh-TW”: “變體選擇器和按鈕尺寸”
},
“default”: “small”,
“options”: [
{
“value”: “small”,
“label”: {
“da”: “Lille”,
“de”: “Klein”,
“en”: “Small”,
“es”: “Pequeño”,
“fi”: “Pieni”,
“fr”: “Petite”,
“hi”: “छोटा”,
“it”: “Small”,
“ja”: “小”,
“ko”: “스몰”,
“ms”: “Kecil”,
“nb”: “Liten”,
“nl”: “Klein”,
“pt-BR”: “Pequeno”,
“pt-PT”: “Pequeno”,
“sv”: “Liten”,
“th”: “เล็ก”,
“zh-CN”: “小”,
“zh-TW”: “小型”
}
},
{
“value”: “medium”,
“label”: {
“da”: “Medium”,
“de”: “Mitte”,
“en”: “Medium”,
“es”: “Mediano”,
“fi”: “Keskisuuri”,
“fr”: “Moyenne”,
“hi”: “मध्यम”,
“it”: “Medium”,
“ja”: “中”,
“ko”: “보통”,
“ms”: “Sederhana”,
“nb”: “Middels”,
“nl”: “Gemiddeld”,
“pt-BR”: “Médio”,
“pt-PT”: “Intermédio”,
“sv”: “Medium”,
“th”: “ปานกลาง”,
“zh-CN”: “中等”,
“zh-TW”: “中等”
}
},
{
“value”: “large”,
“label”: {
“da”: “Stor”,
“de”: “Groß”,
“en”: “Large”,
“es”: “Grande”,
“fi”: “Suuri”,
“fr”: “Grande”,
“hi”: “बड़ा”,
“it”: “Large”,
“ja”: “大”,
“ko”: “라지”,
“ms”: “Besar”,
“nb”: “Stor”,
“nl”: “Groot”,
“pt-BR”: “Grande”,
“pt-PT”: “Grande”,
“sv”: “Stor”,
“th”: “ใหญ่”,
“zh-CN”: “大”,
“zh-TW”: “大型”
}
}
]
}
]
}
{% endschema %}
Hi, sorry I didn’t think about linking my website. It’s www.crystalkarmabytrina.com. Mobile view is where the issue is - product description truncated on left. Thanks for your reply. See my comment below for the /sections/product-template.liquid - I did post it here as a reply but not sure what happened.