shopifyÊÐËÁÒþ²Ø²úÆ·¼ÛÇ®°ì·¨
Òþ²Ø²úÆ·¼ÛÇ®
±¸×¢
ÈôÊÇÄúʹÓà Shopify µÄÃâ·ÑÄ£°å£¬£¬£¬£¬£¬£¬Äú¿ÉÒÔÁªÏµ Shopify Ö§³ÖÍŶӻñµÃ¹ØÓڴ˽̵̳Ä×ÊÖú¡£¡£¡£¡£¡£¡£¡£¡£´Ë½Ì³ÌÐèÒª 15 ·ÖÖÓµÄÉè¼ÆÊ±¼ä¡£¡£¡£¡£¡£¡£¡£¡£ÈôÒªÏàʶÏêÇ飬£¬£¬£¬£¬£¬Çë²ÎÔÄ Support for themes¡£¡£¡£¡£¡£¡£¡£¡£
±¸×¢
´Ë×Ô½ç˵ÓÃÓÚ¸´¹Å Shopify Ä£°å£¬£¬£¬£¬£¬£¬²»ÊÊÓÃÓÚ¡°Online Store 2.0¡±Ä£°å¡£¡£¡£¡£¡£¡£¡£¡£
ÕÒµ½ÄúµÄÄ£°å¼Ü¹¹°æ±¾
̽Ë÷¡°Online Store 2.0¡±Ä£°å×Ô½ç˵
Äú¿ÉÒÔͨ¹ý±à¼Ç®±ÒÃûÌÃÀ´Òþ²ØËùÓвúÆ·¼ÛÇ®£¬£¬£¬£¬£¬£¬²¢ÔÚδÀ´ÔÙ´ÎÏÔʾ¼ÛÇ®¡£¡£¡£¡£¡£¡£¡£¡£
ÌáÐÑ£ºÈôÊÇÄúÏëÔÝʱ×èÖ¹¿Í»§¹ºÖÃÄúµÄ²úÆ·£¬£¬£¬£¬£¬£¬Äú»¹¿ÉÒÔ½ûÓùºÎï³µ¡£¡£¡£¡£¡£¡£¡£¡£
PC£º
ÔÚ Shopify ºǫ́ÖУ¬£¬£¬£¬£¬£¬×ªµ½ÉèÖᣡ£¡£¡£¡£¡£¡£¡£
µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£
ÔÚÊÐËÁÇ®±Ò²¿·Ö£¬£¬£¬£¬£¬£¬µã»÷¸ü¸ÄÃûÌᣡ£¡£¡£¡£¡£¡£¡£
½«Ç°Á½¸öÃûÌ÷ÅÔÚ
spanÔªËØÖв¢½«Ò»¸öÀàÉèÖÃΪhidden¡£¡£¡£¡£¡£¡£¡£¡£ÇëÎðʹÓÃÒýºÅ¡£¡£¡£¡£¡£¡£¡£¡£ÀýÈ磬£¬£¬£¬£¬£¬¹ØÓÚʹÓÃÃÀԪǮ±ÒµÄÊÐËÁ£¬£¬£¬£¬£¬£¬º¬Ç®±ÒµÄ HTML ÃûÌÃÈçÏ£º
<span class=hidden>${{ amount }} USD</span>Æ»¹ûϵͳ£º
ÔÚ Shopify Ó¦ÓÃÖУ¬£¬£¬£¬£¬£¬×ªµ½ÊÐËÁ > ÉèÖᣡ£¡£¡£¡£¡£¡£¡£
ÔÚÊÐËÁÉèÖÃÏ£¬£¬£¬£¬£¬£¬µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£
µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£
ÔÚÊÐËÁÇ®±Ò²¿·Ö£¬£¬£¬£¬£¬£¬µã»÷¸ü¸ÄÃûÌᣡ£¡£¡£¡£¡£¡£¡£
½«Ç°Á½¸öÃûÌ÷ÅÔÚ
spanÔªËØÖв¢½«Ò»¸öÀàÉèÖÃΪhidden¡£¡£¡£¡£¡£¡£¡£¡£ÇëÎðʹÓÃÒýºÅ¡£¡£¡£¡£¡£¡£¡£¡£ÀýÈ磬£¬£¬£¬£¬£¬¹ØÓÚʹÓÃÃÀԪǮ±ÒµÄÊÐËÁ£¬£¬£¬£¬£¬£¬º¬Ç®±ÒµÄ HTML ÃûÌÃÈçÏ£º
<span class=hidden>${{ amount }} USD</span>°²×¿ÏµÍ³£º
ÔÚ Shopify Ó¦ÓÃÖУ¬£¬£¬£¬£¬£¬×ªµ½ÊÐËÁ > ÉèÖᣡ£¡£¡£¡£¡£¡£¡£
ÔÚÊÐËÁÉèÖÃÏ£¬£¬£¬£¬£¬£¬µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£
µã»÷ÊÐËÁÏêϸÐÅÏ¢¡£¡£¡£¡£¡£¡£¡£¡£
ÔÚÊÐËÁÇ®±Ò²¿·Ö£¬£¬£¬£¬£¬£¬µã»÷¸ü¸ÄÃûÌᣡ£¡£¡£¡£¡£¡£¡£
½«Ç°Á½¸öÃûÌ÷ÅÔÚ
spanÔªËØÖв¢½«Ò»¸öÀàÉèÖÃΪhidden¡£¡£¡£¡£¡£¡£¡£¡£ÇëÎðʹÓÃÒýºÅ¡£¡£¡£¡£¡£¡£¡£¡£ÀýÈ磬£¬£¬£¬£¬£¬¹ØÓÚʹÓÃÃÀԪǮ±ÒµÄÊÐËÁ£¬£¬£¬£¬£¬£¬º¬Ç®±ÒµÄ HTML ÃûÌÃÈçÏ£º
<span class=hidden>${{ amount }} USD</span>Ï·½ÊDz»º¬Ç®±ÒµÄ HTML ÃûÌãº
<span class=hidden>${{ amount }}</span>×¢ÖØ
ÇëÎ𽫠<span>${{ amount }}</span> ·ÅÈ뺬Ǯ±ÒµÄµç×ÓÓʼþºÍ²»º¬Ç®±ÒµÄµç×ÓÓʼþ×Ö¶ÎÖС£¡£¡£¡£¡£¡£¡£¡£
ÇëÎðÏòÇ®±ÒÃûÌÃÖÐÌí¼ÓÒýºÅ£¬£¬£¬£¬£¬£¬ÓÉÓÚÕâÑù×ö¿ÉÄÜ»áÓ°ÏìÄ£°åµÄ JavaScript µÄ¹¦Ð§¡£¡£¡£¡£¡£¡£¡£¡£
ÕâÓ¦¸Ã»áÒþ²ØµêÃæÖеÄËùÓмÛÇ®¡£¡£¡£¡£¡£¡£¡£¡£ÈôÊǼÛÇ®ÈÔÈ»ÏÔʾ£¬£¬£¬£¬£¬£¬ÔòÄúÐèÒª½«Ò»Ð©´úÂëÌí¼Óµ½Ä£°åÑùʽ±íµÄµ×²¿¡£¡£¡£¡£¡£¡£¡£¡£È»ºó¼ÌÐøÆ¾Ö¤ºóÐø°ì·¨²Ù×÷¡£¡£¡£¡£¡£¡£¡£¡£
PC£º
ÔÚ Shopify ºǫ́ÖУ¬£¬£¬£¬£¬£¬×ªµ½ÔÚÏßÊÐËÁ > Ä£°å¡£¡£¡£¡£¡£¡£¡£¡£
ÕÒµ½Òª±à¼µÄÄ£°å£¬£¬£¬£¬£¬£¬È»ºóµã»÷²Ù×÷ > ±à¼´úÂë¡£¡£¡£¡£¡£¡£¡£¡£
Æ»¹ûϵͳ£º
ÔÚ Shopify Ó¦ÓÃÖУ¬£¬£¬£¬£¬£¬Çá´¥ÊÐËÁ¡£¡£¡£¡£¡£¡£¡£¡£
ÔÚÏúÊÛÇþµÀ²¿·ÖÖУ¬£¬£¬£¬£¬£¬Çá´¥ÔÚÏßÊÐËÁ¡£¡£¡£¡£¡£¡£¡£¡£
Çá´¥ Manage themes£¨ÖÎÀíÄ£°å£©¡£¡£¡£¡£¡£¡£¡£¡£
ÕÒµ½Òª±à¼µÄÄ£°å£¬£¬£¬£¬£¬£¬È»ºóµã»÷²Ù×÷ > ±à¼´úÂë¡£¡£¡£¡£¡£¡£¡£¡£
°²×¿ÏµÍ³£º
ÔÚ Shopify Ó¦ÓÃÖУ¬£¬£¬£¬£¬£¬Çá´¥ÊÐËÁ¡£¡£¡£¡£¡£¡£¡£¡£
ÔÚÏúÊÛÇþµÀ²¿·ÖÖУ¬£¬£¬£¬£¬£¬Çá´¥ÔÚÏßÊÐËÁ¡£¡£¡£¡£¡£¡£¡£¡£
Çá´¥ Manage themes£¨ÖÎÀíÄ£°å£©¡£¡£¡£¡£¡£¡£¡£¡£
ÕÒµ½Òª±à¼µÄÄ£°å£¬£¬£¬£¬£¬£¬È»ºóµã»÷²Ù×÷ > ±à¼´úÂë¡£¡£¡£¡£¡£¡£¡£¡£
ÔÚ Assets Ŀ¼ÖУ¬£¬£¬£¬£¬£¬µã»÷·¿ª
theme.scss.liquidÎļþ¡£¡£¡£¡£¡£¡£¡£¡£Ñùʽ±íµÄÃû³Æ¿ÉÄÜ»áÒòÄ£°å¶øÒ죬£¬£¬£¬£¬£¬Òò´Ë£¬£¬£¬£¬£¬£¬ÈôÊÇÄúÕÒ²»µ½
theme.scss.liquid£¬£¬£¬£¬£¬£¬Çë²éÕÒÒÔÏÂÆäÖÐÒ»Ï
- style.scss.liquid - styles.scss.liquid - theme.css.liquid - timber.scss.liquid
ÔÚÎļþµÄ×îµ×²¿£¬£¬£¬£¬£¬£¬Ìí¼ÓÒÔÏ´úÂ룺
.hidden { display: none; }µã»÷ÉúÑÄ¡£¡£¡£¡£¡£¡£¡£¡£
µ±Äú×¼±¸ºÃÔÙ´ÎÏÔʾ¼ÛǮʱ£¬£¬£¬£¬£¬£¬Ç뽫ÊÐËÁµÄÇ®±Ò¸ü¸ÄΪÈÎºÎÆäËûÇ®±Ò£¬£¬£¬£¬£¬£¬È»ºóÔÙ¸ü¸Ä»ØÄú×Ô¼ºµÄÇ®±Ò¡£¡£¡£¡£¡£¡£¡£¡£Õâ»á½«ÉèÖûָ´ÎªÄúÊÐËÁÇ®±ÒµÄĬÈÏÇ®±ÒÃûÌ㬣¬£¬£¬£¬£¬²¢ÇÒµêÃæÖлáÔÙ´ÎÏÔʾ¼ÛÇ®¡£¡£¡£¡£¡£¡£¡£¡£
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£º
From your Shopify admin, go to Settings.
Click Store details.
In the Store currency section, click Change formatting.
Wrap the first two formats in a
spanelement with a class set tohidden. 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£º
From the Shopify app, go to Store > Settings.
Under Store settings, tap Store details.
Click Store details.
In the Store currency section, click Change formatting.
Wrap the first two formats in a
spanelement with a class set tohidden. 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£º
From the Shopify app, go to Store > Settings.
Under Store settings, tap Store details.
Click Store details.
In the Store currency section, click Change formatting.
Wrap the first two formats in a
spanelement with a class set tohidden. 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£º
From your Shopify admin, go to Online Store > Themes.
Find the theme you want to edit, and then click Actions > Edit code.
iPhone£º
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme you want to edit, and then click Actions > Edit code.
Android£º
From the Shopify app, tap Store.
In the Sales channels section, tap Online Store.
Tap Manage themes.
Find the theme you want to edit, and then click Actions > Edit code.
In the Assets directory, click to open your
theme.scss.liquidfile.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.liquidAt the very bottom of the file, add the following code:
.hidden { display: none; }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ÉÌ»§¹Ù·½ÍøÕ¾
- 1ÑÇÂíÑ·Ò»Ñùƽ³£ÔËÓªµÄÏà¹ØÎÊÌâ½â´ð
- 2wishÐÂÈËÔõÑùʹÓù¤³§×ÊÔ´¿ª·¢²úÆ·£¿£¿£¿£¿£¿£¿
- 3EbayÎïÁ÷ÉóºË±ê×¼¶¼ÓÐÄÄÐ©ÄØ£¿£¿£¿£¿£¿£¿
- 4Wish·£¿£¿£¿£¿£¿£¿îÉêËßÐÅÔõôдͨ¹ýÂʸߣ¿£¿£¿£¿£¿£¿ÒÔ¼°×¢ÖØÊÂÏî
- 5ÑÇÂíÑ·²úÆ·ÊÜÏÞ¸ÃÔõô»Ö¸´£¿£¿£¿£¿£¿£¿
- 6shopeeÌ©¹úÕ¾Âô¼Òºǫ́ÔËÓªÒªÁìÓÐÄÄЩ£¿£¿£¿£¿£¿£¿
- 7ʲôÊÇËÙÂôͨµÄֱͨ³µÖصãÍýÏ룿£¿£¿£¿£¿£¿
- 8ÉêÇë¹ú¼ÊÉ̱êʱÕâЩÎÊÌâÒª×¢ÖØ£¬£¬£¬£¬£¬£¬²»È»É̱ê×¢²á»áʧ°Ü
- 9ÑÇÂíÑ·Æ·ÅÆ±¸°¸¿ÉÒÔÈÃÁ÷Á¿ÌáÉýÂ𣿣¿£¿£¿£¿£¿ÉÐÓÐÄÄЩÓÅÊÆ£¿£¿£¿£¿£¿£¿
- 10LazadaÔõÑùÉèÖÃAlipayÊÕ¿î·½·¨£¿£¿£¿£¿£¿£¿