ÈËÉú¾ÍÊDz©¡¤(Öйú)×ðÁúAGÆì½¢Ìü

ÈËÉú¾ÍÊDz©¡¤(Öйú)×ðÁúAGÆì½¢Ìü(LianLian Global)¹ÙÍøÊ×Ò³

shopifyÊÐËÁÒþ²Ø²úÆ·¼ÛÇ®°ì·¨

2022/03/08
×Ô½¨Õ¾

Òþ²Ø²úÆ·¼ÛÇ®


±¸×¢

ÈôÊÇÄúʹÓàShopify µÄÃâ·ÑÄ£°å£¬£¬£¬£¬£¬ £¬Äú¿ÉÒÔÁªÏµ Shopify Ö§³ÖÍŶӻñµÃ¹ØÓڴ˽̵̳Ä×ÊÖú¡£¡£¡£¡£¡£¡£¡£¡£´Ë½Ì³ÌÐèÒª 15 ·ÖÖÓµÄÉè¼ÆÊ±¼ä¡£¡£¡£¡£¡£¡£¡£¡£ÈôÒªÏàʶÏêÇ飬£¬£¬£¬£¬ £¬Çë²ÎÔÄ Support for themes¡£¡£¡£¡£¡£¡£¡£¡£

±¸×¢

´Ë×Ô½ç˵ÓÃÓÚ¸´¹Å Shopify Ä£°å£¬£¬£¬£¬£¬ £¬²»ÊÊÓÃÓÚ¡°Online Store 2.0¡±Ä£°å¡£¡£¡£¡£¡£¡£¡£¡£

  • ÕÒµ½ÄúµÄÄ£°å¼Ü¹¹°æ±¾

  • ̽Ë÷¡°Online Store 2.0¡±Ä£°å×Ô½ç˵


Äú¿ÉÒÔͨ¹ý±à¼­Ç®±ÒÃûÌÃÀ´Òþ²ØËùÓвúÆ·¼ÛÇ®£¬£¬£¬£¬£¬ £¬²¢ÔÚδÀ´ÔÙ´ÎÏÔʾ¼ÛÇ®¡£¡£¡£¡£¡£¡£¡£¡£

ÌáÐÑ£ºÈôÊÇÄúÏëÔÝʱ×èÖ¹¿Í»§¹ºÖÃÄúµÄ²úÆ·£¬£¬£¬£¬£¬ £¬Äú»¹¿ÉÒÔ½ûÓùºÎï³µ¡£¡£¡£¡£¡£¡£¡£¡£

PC£º

  1. ÔÚ Shopify ºǫ́ÖУ¬£¬£¬£¬£¬ £¬×ªµ½ÉèÖᣡ£¡£¡£¡£¡£¡£¡£

  1. µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£

  2. ÔÚÊÐËÁÇ®±Ò²¿·Ö£¬£¬£¬£¬£¬ £¬µã»÷¸ü¸ÄÃûÌᣡ£¡£¡£¡£¡£¡£¡£

  3. ½«Ç°Á½¸öÃûÌ÷ÅÔÚ span ÔªËØÖв¢½«Ò»¸öÀàÉèÖÃΪ hidden¡£¡£¡£¡£¡£¡£¡£¡£ÇëÎðʹÓÃÒýºÅ¡£¡£¡£¡£¡£¡£¡£¡£ÀýÈ磬£¬£¬£¬£¬ £¬¹ØÓÚʹÓÃÃÀԪǮ±ÒµÄÊÐËÁ£¬£¬£¬£¬£¬ £¬º¬Ç®±ÒµÄ HTML ÃûÌÃÈçÏ£º

<span class=hidden>${{ amount }} USD</span>

Æ»¹ûϵͳ£º

  1. ÔÚ Shopify Ó¦ÓÃÖУ¬£¬£¬£¬£¬ £¬×ªµ½ÊÐËÁ > ÉèÖᣡ£¡£¡£¡£¡£¡£¡£

  2. ÔÚÊÐËÁÉèÖÃÏ£¬£¬£¬£¬£¬ £¬µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£

  1. µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£

  2. ÔÚÊÐËÁÇ®±Ò²¿·Ö£¬£¬£¬£¬£¬ £¬µã»÷¸ü¸ÄÃûÌᣡ£¡£¡£¡£¡£¡£¡£

  3. ½«Ç°Á½¸öÃûÌ÷ÅÔÚ span ÔªËØÖв¢½«Ò»¸öÀàÉèÖÃΪ hidden¡£¡£¡£¡£¡£¡£¡£¡£ÇëÎðʹÓÃÒýºÅ¡£¡£¡£¡£¡£¡£¡£¡£ÀýÈ磬£¬£¬£¬£¬ £¬¹ØÓÚʹÓÃÃÀԪǮ±ÒµÄÊÐËÁ£¬£¬£¬£¬£¬ £¬º¬Ç®±ÒµÄ HTML ÃûÌÃÈçÏ£º

<span class=hidden>${{ amount }} USD</span>

°²×¿ÏµÍ³£º

  1. ÔÚ Shopify Ó¦ÓÃÖУ¬£¬£¬£¬£¬ £¬×ªµ½ÊÐËÁ > ÉèÖᣡ£¡£¡£¡£¡£¡£¡£

  2. ÔÚÊÐËÁÉèÖÃÏ£¬£¬£¬£¬£¬ £¬µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£

  1. µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£

  2. ÔÚÊÐËÁÇ®±Ò²¿·Ö£¬£¬£¬£¬£¬ £¬µã»÷¸ü¸ÄÃûÌᣡ£¡£¡£¡£¡£¡£¡£

  3. ½«Ç°Á½¸öÃûÌ÷ÅÔÚ span ÔªËØÖв¢½«Ò»¸öÀàÉèÖÃΪ hidden¡£¡£¡£¡£¡£¡£¡£¡£ÇëÎðʹÓÃÒýºÅ¡£¡£¡£¡£¡£¡£¡£¡£ÀýÈ磬£¬£¬£¬£¬ £¬¹ØÓÚʹÓÃÃÀԪǮ±ÒµÄÊÐËÁ£¬£¬£¬£¬£¬ £¬º¬Ç®±ÒµÄ HTML ÃûÌÃÈçÏ£º

<span class=hidden>${{ amount }} USD</span>

Ï·½ÊDz»º¬Ç®±ÒµÄ HTML ÃûÌãº

<span class=hidden>${{ amount }}</span>


×¢ÖØ

ÇëÎ𽫠<span>${{ amount }}</span> ·ÅÈ뺬Ǯ±ÒµÄµç×ÓÓʼþºÍ²»º¬Ç®±ÒµÄµç×ÓÓʼþ×Ö¶ÎÖС£¡£¡£¡£¡£¡£¡£¡£

ÇëÎðÏòÇ®±ÒÃûÌÃÖÐÌí¼ÓÒýºÅ£¬£¬£¬£¬£¬ £¬ÓÉÓÚÕâÑù×ö¿ÉÄÜ»áÓ°ÏìÄ£°åµÄ JavaScript µÄ¹¦Ð§¡£¡£¡£¡£¡£¡£¡£¡£


ÕâÓ¦¸Ã»áÒþ²ØµêÃæÖеÄËùÓмÛÇ®¡£¡£¡£¡£¡£¡£¡£¡£ÈôÊǼÛÇ®ÈÔÈ»ÏÔʾ£¬£¬£¬£¬£¬ £¬ÔòÄúÐèÒª½«Ò»Ð©´úÂëÌí¼Óµ½Ä£°åÑùʽ±íµÄµ×²¿¡£¡£¡£¡£¡£¡£¡£¡£È»ºó¼ÌÐøÆ¾Ö¤ºóÐø°ì·¨²Ù×÷¡£¡£¡£¡£¡£¡£¡£¡£

PC£º

  1. ÔÚ Shopify ºǫ́ÖУ¬£¬£¬£¬£¬ £¬×ªµ½ÔÚÏßÊÐËÁ > Ä£°å¡£¡£¡£¡£¡£¡£¡£¡£

  2. ÕÒµ½Òª±à¼­µÄÄ£°å£¬£¬£¬£¬£¬ £¬È»ºóµã»÷²Ù×÷ > ±à¼­´úÂë¡£¡£¡£¡£¡£¡£¡£¡£

Æ»¹ûϵͳ£º

  1. ÔÚ Shopify Ó¦ÓÃÖУ¬£¬£¬£¬£¬ £¬Çá´¥ÊÐËÁ¡£¡£¡£¡£¡£¡£¡£¡£

  2. ÔÚÏúÊÛÇþµÀ²¿·ÖÖУ¬£¬£¬£¬£¬ £¬Çá´¥ÔÚÏßÊÐËÁ¡£¡£¡£¡£¡£¡£¡£¡£

  3. Çá´¥ Manage themes£¨ÖÎÀíÄ£°å£©¡£¡£¡£¡£¡£¡£¡£¡£

  4. ÕÒµ½Òª±à¼­µÄÄ£°å£¬£¬£¬£¬£¬ £¬È»ºóµã»÷²Ù×÷ > ±à¼­´úÂë¡£¡£¡£¡£¡£¡£¡£¡£

°²×¿ÏµÍ³£º

  1. ÔÚ Shopify Ó¦ÓÃÖУ¬£¬£¬£¬£¬ £¬Çá´¥ÊÐËÁ¡£¡£¡£¡£¡£¡£¡£¡£

  2. ÔÚÏúÊÛÇþµÀ²¿·ÖÖУ¬£¬£¬£¬£¬ £¬Çá´¥ÔÚÏßÊÐËÁ¡£¡£¡£¡£¡£¡£¡£¡£

  3. Çá´¥ Manage themes£¨ÖÎÀíÄ£°å£©¡£¡£¡£¡£¡£¡£¡£¡£

  4. ÕÒµ½Òª±à¼­µÄÄ£°å£¬£¬£¬£¬£¬ £¬È»ºóµã»÷²Ù×÷ > ±à¼­´úÂë¡£¡£¡£¡£¡£¡£¡£¡£

  1. ÔÚ Assets Ä¿Â¼ÖУ¬£¬£¬£¬£¬ £¬µã»÷·­¿ª theme.scss.liquid Îļþ¡£¡£¡£¡£¡£¡£¡£¡£

    Ñùʽ±íµÄÃû³Æ¿ÉÄÜ»áÒòÄ£°å¶øÒ죬£¬£¬£¬£¬ £¬Òò´Ë£¬£¬£¬£¬£¬ £¬ÈôÊÇÄúÕÒ²»µ½ theme.scss.liquid£¬£¬£¬£¬£¬ £¬Çë²éÕÒÒÔÏÂÆäÖÐÒ»Ï

style.scss.liquid - styles.scss.liquid - theme.css.liquid - timber.scss.liquid

  1. ÔÚÎļþµÄ×îµ×²¿£¬£¬£¬£¬£¬ £¬Ìí¼ÓÒÔÏ´úÂ룺

.hidden {   display: none; }
  1. µã»÷ÉúÑÄ¡£¡£¡£¡£¡£¡£¡£¡£

µ±Äú×¼±¸ºÃÔÙ´ÎÏÔʾ¼ÛǮʱ£¬£¬£¬£¬£¬ £¬Ç뽫ÊÐËÁµÄÇ®±Ò¸ü¸ÄΪÈÎºÎÆäËûÇ®±Ò£¬£¬£¬£¬£¬ £¬È»ºóÔÙ¸ü¸Ä»ØÄú×Ô¼ºµÄÇ®±Ò¡£¡£¡£¡£¡£¡£¡£¡£Õâ»á½«ÉèÖûָ´ÎªÄúÊÐËÁÇ®±ÒµÄĬÈÏÇ®±ÒÃûÌ㬣¬£¬£¬£¬ £¬²¢ÇÒµêÃæÖлáÔÙ´ÎÏÔʾ¼ÛÇ®¡£¡£¡£¡£¡£¡£¡£¡£

ShopifyÉÌ»§¹ÙÍøÔ­ÎÄÏêÇ飺

Hide product prices


Note

If you use a free theme from Shopify, then you might be able to contact Shopify Support for help with this tutorial. It requires 15 minutes of design time. To learn more, refer to Support for themes.

Note

This customization is for vintage Shopify themes, and doesn't apply to Online Store 2.0 themes.

  • Find out your theme's architecture version

  • Explore Online Store 2.0 theme customizations


You can hide all of your product prices and reveal them again in the future by editing your currency formats.


Tip

If you want to prevent customers from purchasing your products temporarily, then you can also disable your cart.


PC£º

  1. From your Shopify admin, go to Settings.

  1. Click Store details.

  2. In the Store currency section, click Change formatting.

  3. Wrap the first two formats in a span element with a class set to hidden. Don't use quotes. For example, below is the HTML with currency format for a store that uses USD as its currency:

    <span class=hidden>${{ amount }} USD</span>

iPhone£º

  1. From the Shopify app, go to Store > Settings.

  2. Under Store settings, tap Store details.

  1. Click Store details.

  2. In the Store currency section, click Change formatting.

  3. Wrap the first two formats in a span element with a class set to hidden. Don't use quotes. For example, below is the HTML with currency format for a store that uses USD as its currency:

    <span class=hidden>${{ amount }} USD</span>

Android£º

  1. From the Shopify app, go to Store > Settings.

  2. Under Store settings, tap Store details.

  1. Click Store details.

  2. In the Store currency section, click Change formatting.

  3. Wrap the first two formats in a span element with a class set to hidden. Don't use quotes. For example, below is the HTML with currency format for a store that uses USD as its currency:

    <span class=hidden>${{ amount }} USD</span>

Below is the HTML without currency format:

<span class=hidden>${{ amount }}</span>

Caution

Do not place <span>${{ amount }}</span> into the Email with Currency and Email without Currency fields.

It is important that you do not add quotes to your money formats, as doing so may interfere with the functionality of your theme's JavaScript.

This should hide all the prices on your storefront. If prices are still showing, then you need to add some code to the bottom of your theme's stylesheet. Continue to follow the next steps.

PC£º

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit, and then click Actions > Edit code.

iPhone£º

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme you want to edit, and then click Actions > Edit code.

Android£º

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme you want to edit, and then click Actions > Edit code.

  1. In the Assets directory, click to open your theme.scss.liquid file.

    The name of the stylesheet can vary theme to theme, so if you cannot find theme.scss.liquid, look for one of the following:

    • style.scss.liquid

    • styles.scss.liquid

    • theme.css.liquid

    • timber.scss.liquid

  2. At the very bottom of the file, add the following code:

    .hidden {   display: none; }
  3. Click Save.

When you are ready to show your prices again, change your shop's currency to any other one, then change it back to your own currency. This reverts your settings to the default money formats for your shop's currency and shows the prices in your storefront again.

ÎÄÕÂÄÚÈÝȪԴ£ºShopifyÉÌ»§¹Ù·½ÍøÕ¾


¸ü¶à
¡¾ÍøÕ¾µØÍ¼¡¿¡¾sitemap¡¿