从产品描述中删除图片

Question

我只想在移动设备上显示描述中的产品图片。我不知道如何从 product.description.

分割图像

         <div class="product-description rte" itemprop="description">
         // this works how I want it to. shows images and text
         <div class="mobileShow"> 
          {{ product.description }} 

        </div>  

         // if not mobile device only show text. strip out images.
           {% if product.description contains "<img" %}
           // ??

          </div>

Answer 1

为什么要在描述中嵌入产品图片？你让自己的生活变得非常困难。为什么不只上传产品图片，然后对您决定使用多少、哪些等以及在何处使用进行逻辑区分。

操纵 product.images 比在您的描述中嵌入 HTML 硬编码标签要容易和可靠得多。

Answer 2

如果您想在移动设备上隐藏描述中的所有图片，您可以使用媒体查询来定位它们。

不过，媒体查询取决于主题。这是一个例子：

@include media-query($small) {
  .product-description img {
    display: none;
  }
}

您想将其添加到 scss 文件的末尾（很可能 theme.scss.liquid。）

上面的查询是针对 Simple 和其他几个 - 这是列表：

叙事、简单、冒险、首次亮相、无限：@include media-query($small) {
Jumpstart，布鲁克林，供应，流行，最小：@include at-query($max, $small) {

从产品描述中删除图片

Remove images from product description

liquid

shopify