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

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

shopifyÊÐËÁNarrative·ÖÇø×Ô½ç˵ÊÓÆµºÍ»ÃµÆÆ¬°ì·¨

2022/03/17
×Ô½¨Õ¾

ÊÓÆµ

Äú¿ÉÒÔ½« YouTube »ò Vimeo ÊÓÆµÌí¼Óµ½ÄúµÄÖ÷Ò³¡£¡£¡£¡£ ¡£¡£ÊÓÆµ¿ÉÒÔÎüÒý¿Í»§²¢ÒýÆðËûÃǶÔÄúÓªÒµµÄÐËȤ¡£¡£¡£¡£ ¡£¡£

ÈôÒªÌí¼ÓÊÓÆµ£¬£¬£¬£¬£¬ÄúÐèÒªÕÒµ½´ËÊÓÆµµÄ¹²ÏíÁ´½Ó£º

  • YouTube - YouTube ¹²ÏíÁ´½ÓÈçÏÂËùʾ£ºhttps://youtu.be/ZXWgHlnVVEY¡£¡£¡£¡£ ¡£¡£Äú¿ÉÒÔÔÚ´Ë YouTube ×ÊÖúÎÄÕÂÖÐÏàʶÔõÑù¸´ÖÆ YouTube ÊÓÆµµÄ¹²ÏíÁ´½Ó¡£¡£¡£¡£ ¡£¡£

  • Vimeo - Vimeo ¹²ÏíÁ´½ÓÈçÏÂËùʾ£ºhttps://vimeo.com/123456789¡£¡£¡£¡£ ¡£¡£Äú¿ÉÒÔÔÚ´Ë Vimeo ×ÊÖúÖÐÐÄÎÄÕÂÖÐÏàʶÔõÑù¸´ÖÆ Vimeo ÊÓÆµµÄ¹²ÏíÁ´½Ó¡£¡£¡£¡£ ¡£¡£

ÊÓÆµ·ÖÇø°üÀ¨ÒÔÏÂÉèÖãº

ÉèÖÃ

  • ÎÊÌâ - Ìí¼ÓÏÔʾÔÚ²¥·Å°´Å¥ÉÏ·½µÄÎı¾¡£¡£¡£¡£ ¡£¡£

  • ÊÓÆµÁ´½Ó - Ìí¼ÓÊÓÆµµÄ¹²ÏíÁ´½Ó¡£¡£¡£¡£ ¡£¡£

·âÃæ

  • ͼƬ - Ìí¼ÓÊÓÆµÎ´²¥·ÅʱҪÏÔʾÔÚÊÓÆµ·ÖÇøÖеÄͼƬ¡£¡£¡£¡£ ¡£¡£

  • ͼƬλÖà- Ñ¡ÔñͼƬÔÚÊÓÆµ·ÖÇøÖеÄλÖᣡ£¡£¡£ ¡£¡£

µþ¼Ó

  • ÏÔʾµþ¼Ó - ÔÚÄúµÄռλ·ûͼƬºÍ°´Å¥±êǩ֮¼äÌí¼ÓÒ»²ãÑÕÉ«¡£¡£¡£¡£ ¡£¡£µþ¼ÓʹÊÓÆµÉϵÄÎı¾¸üÒ×ÓÚÔĶÁ£¬£¬£¬£¬£¬²¢ÇÒÔÚµã»÷²¥·Å°´Å¥Ö®Ç°¶¼»áÏÔʾ¡£¡£¡£¡£ ¡£¡£

  • µþ¼Ó - ÉèÖõþ¼Ó²ãµÄÑÕÉ«¡£¡£¡£¡£ ¡£¡£

  • Îı¾ - ÉèÖÃÎÊÌâÎı¾ºÍ²¥·Å°´Å¥µÄÑÕÉ«¡£¡£¡£¡£ ¡£¡£

  • ²»Í¸Ã÷¶È - ÉèÖõþ¼ÓµÄ²»Í¸Ã÷¶È¡£¡£¡£¡£ ¡£¡£

½«ÊÓÆµÌí¼Óµ½ÄúµÄÖ÷Ò³

PC£º

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

  2. µã»÷ µÄ·ÖÇø ÅԱߵÄ×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  1. µã»÷Ìí¼Ó·ÖÇø¡£¡£¡£¡£ ¡£¡£

  2. µã»÷ÊÓÆµ£¬£¬£¬£¬£¬È»ºóµã»÷ Ñ¡Ôñ¡£¡£¡£¡£ ¡£¡£

  3. ½«ÊÓÆµµÄ·ÖÏíÁ´½ÓÕ³Ìùµ½ÊÓÆµÁ´½Ó×Ö¶ÎÖС£¡£¡£¡£ ¡£¡£

  4. ͨ¹ýÉèÖÃÀ´¶ÔÄúµÄÊÓÆµ·ÖÇø¾ÙÐÐ×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  5. µã»÷ÉúÑÄ¡£¡£¡£¡£ ¡£¡£

Æ»¹ûϵͳ£º

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

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

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

  4. ÔÚ µÄ·ÖÇø ÅԱߣ¬£¬£¬£¬£¬Çá´¥×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  5. Çá´¥±à¼­¡£¡£¡£¡£ ¡£¡£

  1. µã»÷Ìí¼Ó·ÖÇø¡£¡£¡£¡£ ¡£¡£

  2. µã»÷ÊÓÆµ£¬£¬£¬£¬£¬È»ºóµã»÷ Ñ¡Ôñ¡£¡£¡£¡£ ¡£¡£

  3. ½«ÊÓÆµµÄ·ÖÏíÁ´½ÓÕ³Ìùµ½ÊÓÆµÁ´½Ó×Ö¶ÎÖС£¡£¡£¡£ ¡£¡£

  4. ͨ¹ýÉèÖÃÀ´¶ÔÄúµÄÊÓÆµ·ÖÇø¾ÙÐÐ×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  5. µã»÷ÉúÑÄ¡£¡£¡£¡£ ¡£¡£

°²×¿ÏµÍ³£º

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

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

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

  4. ÔÚ µÄ·ÖÇø ÅԱߣ¬£¬£¬£¬£¬Çá´¥×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  5. Çá´¥±à¼­¡£¡£¡£¡£ ¡£¡£

  1. µã»÷Ìí¼Ó·ÖÇø¡£¡£¡£¡£ ¡£¡£

  2. µã»÷ÊÓÆµ£¬£¬£¬£¬£¬È»ºóµã»÷ Ñ¡Ôñ¡£¡£¡£¡£ ¡£¡£

  3. ½«ÊÓÆµµÄ·ÖÏíÁ´½ÓÕ³Ìùµ½ÊÓÆµÁ´½Ó×Ö¶ÎÖС£¡£¡£¡£ ¡£¡£

  4. ͨ¹ýÉèÖÃÀ´¶ÔÄúµÄÊÓÆµ·ÖÇø¾ÙÐÐ×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  5. µã»÷ÉúÑÄ¡£¡£¡£¡£ ¡£¡£

ÌØÉ«»ÃµÆÆ¬

ÌØÉ«»ÃµÆÆ¬¿ÉÈÃÄúÔÚÖ÷Ò³ÉÏչʾ¸ü¶à²úÆ·ÐÅÏ¢¡£¡£¡£¡£ ¡£¡£

Äú¿ÉÒÔչʾ²úÆ·ÌØÉ«¡¢Ð²úƷϵÁлò²úÆ·µÄ¶àÊôÐÔ¡£¡£¡£¡£ ¡£¡£ÓÉÓÚÔÚ×ÀÃæä¯ÀÀÄÚÈݼ¯Ê±Ò³Ãæ×ª¶¯»á±»Ëø¶¨£¬£¬£¬£¬£¬Òò´Ë×îºÃ½ö½«ÉÙÁ¿»ÃµÆÆ¬ÓÃÓÚ·ÅÓ³¡£¡£¡£¡£ ¡£¡£

ʹÓÃÒÆ¶¯×°±¸Éó²éʱ£¬£¬£¬£¬£¬ÐèÒªµã»÷»òÄóºÏ²Ù×÷²Å»ª·­¿ªºÍÔ¢Ä¿ÌØÉ«»ÃµÆÆ¬¡£¡£¡£¡£ ¡£¡£ÎªÁËÎüÒýÒÆ¶¯¿Í»§·­¿ªÌØÉ«»ÃµÆÆ¬£¬£¬£¬£¬£¬ÇëʹÓÃÓÐÎüÒýÁ¦µÄ·âÃæÍ¼Æ¬²¢Ê¹ÓôøÓС°ÕкôÐÔ¡±µÄÎı¾¡£¡£¡£¡£ ¡£¡£

Äú×î¶à¿ÉÒÔÏòÌØÉ«»ÃµÆÆ¬Ìí¼Ó 5 ÕÅ»ÃµÆÆ¬¡£¡£¡£¡£ ¡£¡£

×Ô½çËµÌØÉ«»ÃµÆÆ¬

PC£º

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

  2. µã»÷ µÄ·ÖÇø ÅԱߵÄ×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  1. µã»÷Ìí¼Ó·ÖÇø¡£¡£¡£¡£ ¡£¡£

  2. µã»÷¾«Ñ¡»ÃµÆÆ¬£¬£¬£¬£¬£¬È»ºóµã»÷Ñ¡Ôñ¡£¡£¡£¡£ ¡£¡£

  3. ʹÓÃÉèÖÃÀ´¶ÔÄúµÄ¾«Ñ¡»ÃµÆÆ¬·ÖÇø¾ÙÐÐ×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  4. µã»÷ÉúÑÄ¡£¡£¡£¡£ ¡£¡£

Æ»¹ûϵͳ£º

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

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

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

  4. ÔÚ µÄ·ÖÇø ÅԱߣ¬£¬£¬£¬£¬Çá´¥×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  5. Çá´¥±à¼­¡£¡£¡£¡£ ¡£¡£

  1. µã»÷Ìí¼Ó·ÖÇø¡£¡£¡£¡£ ¡£¡£

  2. µã»÷¾«Ñ¡»ÃµÆÆ¬£¬£¬£¬£¬£¬È»ºóµã»÷Ñ¡Ôñ¡£¡£¡£¡£ ¡£¡£

  3. ʹÓÃÉèÖÃÀ´¶ÔÄúµÄ¾«Ñ¡»ÃµÆÆ¬·ÖÇø¾ÙÐÐ×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  4. µã»÷ÉúÑÄ¡£¡£¡£¡£ ¡£¡£

°²×¿ÏµÍ³£º

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

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

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

  4. ÔÚ µÄ·ÖÇø ÅԱߣ¬£¬£¬£¬£¬Çá´¥×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  5. Çá´¥±à¼­¡£¡£¡£¡£ ¡£¡£

  1. µã»÷Ìí¼Ó·ÖÇø¡£¡£¡£¡£ ¡£¡£

  2. µã»÷¾«Ñ¡»ÃµÆÆ¬£¬£¬£¬£¬£¬È»ºóµã»÷Ñ¡Ôñ¡£¡£¡£¡£ ¡£¡£

  3. ʹÓÃÉèÖÃÀ´¶ÔÄúµÄ¾«Ñ¡»ÃµÆÆ¬·ÖÇø¾ÙÐÐ×Ô½ç˵¡£¡£¡£¡£ ¡£¡£

  4. µã»÷ÉúÑÄ¡£¡£¡£¡£ ¡£¡£

Ìí¼ÓͼƬ»ÃµÆÆ¬

  1. ÔÚÄÚÈÝÇøÓòÖУ¬£¬£¬£¬£¬µã»÷»ÃµÆÆ¬¡£¡£¡£¡£ ¡£¡£

  2. µã»÷Åä¾°ÖÂÑù±¾ÒÔ´Óµ÷É«°åÖÐÑ¡ÔñÅä¾°µÄÑÕÉ«¡£¡£¡£¡£ ¡£¡£

  3. ÔÚÍ¼Æ¬ÇøÓòÖУ¬£¬£¬£¬£¬µã»÷Ñ¡ÔñͼƬ£¬£¬£¬£¬£¬È»ºóÖ´ÐÐÒÔϲÙ×÷Ö®Ò»£º

  • ÈôҪѡÔñÒÑÉÏ´«µ½ Shopify ºǫ́µÄͼƬ£¬£¬£¬£¬£¬Çëµã»÷¿âÑ¡Ï¡£¡£¡£¡£ ¡£¡£

  • ÈôÒª´Ó Burst ÖÐÑ¡Ôñ¿â´æÍ¼Æ¬£¬£¬£¬£¬£¬Çëµã»÷Ãâ·ÑͼƬѡÏ¡£¡£¡£¡£ ¡£¡£Äú¿ÉÔÚ´Ë´¦ÊäÈëËÑË÷´Ê£¬£¬£¬£¬£¬»òä¯ÀÀͼƬÖֱ𡣡£¡£¡£ ¡£¡£

  • ÈôÒª´ÓÍâµØÅÌËã»úÑ¡ÔñͼƬ£¬£¬£¬£¬£¬Çëµã»÷¿âÑ¡Ï£¬£¬£¬£¬£¬È»ºóµã»÷ÉÏ´«¡£¡£¡£¡£ ¡£¡£

  1. ÔÚÎÊÌâ×Ö¶ÎÖУ¬£¬£¬£¬£¬¼üÈëÒªÔÚ»ÃµÆÆ¬ÉÏ·½ÏÔʾµÄÎı¾¡£¡£¡£¡£ ¡£¡£

  2. ÔÚ Button label£¨°´Å¥±êÇ©£©×Ö¶ÎÖУ¬£¬£¬£¬£¬¼üÈëÏëÒªÏÔʾÔÚ°´Å¥ÉϵÄÎı¾¡£¡£¡£¡£ ¡£¡£

  3. ÔÚ°´Å¥Á´½Ó×Ö¶ÎÖУ¬£¬£¬£¬£¬ÉèÖÃÄúÏ£Íû°´Å¥Á´½Óµ½µÄ URL »òÒ³Ãæ¡£¡£¡£¡£ ¡£¡£Õ³Ìù URL »ò´Ó²Ëµ¥ÖÐÑ¡ÔñÒ»¸öÒ³Ãæ¡£¡£¡£¡£ ¡£¡£ÈôÊÇÄú²»ÏëÔÚ·ÖÇøÖаüÀ¨°´Å¥£¬£¬£¬£¬£¬Ç뽫´Ë×Ö¶ÎÁô¿Õ¡£¡£¡£¡£ ¡£¡£

×Ô½çËµÌØÉ«»ÃµÆÆ¬ÉèÖÃ

±¸×¢

ÌØÉ«»¬¿éÉèÖÃÓ¦ÓÃÓÚÌØÉ«»¬¿é·ÖÇøÖеÄËùÓÐ»ÃµÆÆ¬¡£¡£¡£¡£ ¡£¡£

  1. ÈôÊÇÒª½«»ÃµÆÆ¬°´Å¥ÏÔʾΪ´øÓÐʵÏßÂÖÀªµÄ͸Ã÷°´Å¥£¬£¬£¬£¬£¬ÇëÑ¡ÖРUse secondary button style£¨Ê¹Óø¨Öú°´Å¥Ñùʽ£©¡£¡£¡£¡£ ¡£¡£

  2. ÈôÊÇÒª¸ü¸ÄÎı¾ÑÕÉ«£¬£¬£¬£¬£¬Çëµã»÷ Slide heading color£¨»ÃµÆÆ¬ÎÊÌâÑÕÉ«£©Ñù±¾ÒÔ´Óµ÷É«°åÖÐÑ¡ÔñÑÕÉ«¡£¡£¡£¡£ ¡£¡£

  3. ÔÚ Cover settings£¨·âÃæÉèÖã©ÇøÓòÖУ¬£¬£¬£¬£¬Í¨¹ýµã»÷Ñ¡ÔñͼƬѡÔñÌØÉ«»ÃµÆÆ¬·ÖÇøµÄ·âÃæÍ¼Æ¬£¬£¬£¬£¬£¬È»ºóÖ´ÐÐÒÔϲÙ×÷Ö®Ò»£º

  • ÈôҪѡÔñÒÑÉÏ´«µ½ Shopify ºǫ́µÄͼƬ£¬£¬£¬£¬£¬Çëµã»÷¿âÑ¡Ï¡£¡£¡£¡£ ¡£¡£

  • ÈôÒª´Ó Burst ÖÐÑ¡Ôñ¿â´æÍ¼Æ¬£¬£¬£¬£¬£¬Çëµã»÷Ãâ·ÑͼƬѡÏ¡£¡£¡£¡£ ¡£¡£Äú¿ÉÔÚ´Ë´¦ÊäÈëËÑË÷´Ê£¬£¬£¬£¬£¬»òä¯ÀÀͼƬÖֱ𡣡£¡£¡£ ¡£¡£

  • ÈôÒª´ÓÍâµØÅÌËã»úÑ¡ÔñͼƬ£¬£¬£¬£¬£¬Çëµã»÷¿âÑ¡Ï£¬£¬£¬£¬£¬È»ºóµã»÷ÉÏ´«¡£¡£¡£¡£ ¡£¡£

  1. ´Ó±êÍ·ÁбíÖУ¬£¬£¬£¬£¬ÊäÈëÏëÒªÏÔʾÔÚ·âÃæÍ¼Æ¬ÉϵÄÎı¾¡£¡£¡£¡£ ¡£¡£

  2. ´Ó Heading position£¨ÎÊÌâλÖã©ÁбíÖУ¬£¬£¬£¬£¬Ñ¡ÔñÎÊÌâÎı¾ÏÔʾÔÚ·âÃæÍ¼Æ¬µÄ×ó²àÕÕ¾ÉÖÐÐÄ¡£¡£¡£¡£ ¡£¡£´ËÉèÖýöÊÊÓÃÓÚ×ÀÃæÊÓͼ¡£¡£¡£¡£ ¡£¡£

  3. ÔÚ Overlay£¨µþ¼Ó£©ÇøÓòÖУ¬£¬£¬£¬£¬Ñ¡ÖРShow overlay£¨ÏÔʾµþ¼Ó£©¡£¡£¡£¡£ ¡£¡£

  4. µã»÷ Overlay color£¨µþ¼ÓÑÕÉ«£©swatch Ñ¡ÔñͼƬµþ¼ÓµÄÑÕÉ«¡£¡£¡£¡£ ¡£¡£

  5. µã»÷Îı¾ÑÕÉ«Ñù±¾ÒÔÑ¡ÔñÎı¾µÄÑÕÉ«¡£¡£¡£¡£ ¡£¡£

<aside class="note note-information"> <h4>ÌáÐÑ: </h4> <p>If the background image is dark, picking a light text color makes the text easier to read.</p> </aside>
  1. ´Ó²»Í¸Ã÷¶ÈÁбíÖУ¬£¬£¬£¬£¬Ñ¡ÔñͼƬµþ¼ÓµÄ͸Ã÷¶È¼¶±ð¡£¡£¡£¡£ ¡£¡£

  2. µã»÷ÉúÑÄ¡£¡£¡£¡£ ¡£¡£

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

Video

You can add a YouTube or Vimeo video to your home page. Videos can engage customers and generate interest in your business.

To add a video, you need to find the video's sharing link:

  • YouTube - a Youtube sharing link looks like this: https://youtu.be/ZXWgHlnVVEY. You can learn how to copy the sharing link for a YouTube video in this YouTube Help article.

  • Vimeo - A Vimeo sharing link looks like this: https://vimeo.com/123456789. You can learn how to copy the sharing link for a Vimeo video in this Vimeo Help Center article.

The video section includes the following settings:

Settings

  • Heading - Add the text that appears above the play button.

  • Video link - Add the sharing link for your video.

Cover

  • Image - Add an image that appears in the video section when the video is not playing.

  • Image position - Choose the placement of the image in the video section.

Overlay

  • Show overlay - Add a layer of color between your placeholder image and the button label. An overlay makes text over a video easier to read, and shows until the play button is clicked.

  • Overlay - Set the color of the overlay.

  • Text - Set the color of the heading text and play button.

  • Opacity - Set the opacity of your overlay.

Add a video to your home page

PC£º

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

  2. Next to Narrative, click Customize.

  1. Click Add section.

  2. Click Video, and then click Select.

  3. Paste your video's sharing link into the Video link field.

  4. Use the settings to customize your video section.

  5. Click Save.

iPhone£º

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Narrative, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Video, and then click Select.

  3. Paste your video's sharing link into the Video link field.

  4. Use the settings to customize your video section.

  5. Click Save.

Android£º

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Narrative, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Video, and then click Select.

  3. Paste your video's sharing link into the Video link field.

  4. Use the settings to customize your video section.

  5. Click Save.

Featured slider

The featured slider lets you showcase more product information on the home page.

You can show product features, a new collection, or variants of a product. The slideshow works best with a small number of slides since page scrolling is locked while browsing the set on desktop.

When viewed from mobile devices, the featured slider requires a tap or pinch action to be opened and viewed. To entice your mobile customers to open the featured slider, use an attractive cover image and use text with a "call to action."

You can add up to 5 slides to a featured slider.

Customize the featured slider

PC£º

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

  2. Next to Narrative, click Customize.

  1. Click Add section.

  2. Click Featured slider, and then click Select.

  3. Use the settings to customize your featured slider section.

  4. Click Save.

iPhone£º

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Narrative, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Featured slider, and then click Select.

  3. Use the settings to customize your featured slider section.

  4. Click Save.

Android£º

  1. From the Shopify app, tap Store.

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

  3. Tap Manage themes.

  4. Next to Narrative, tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Featured slider, and then click Select.

  3. Use the settings to customize your featured slider section.

  4. Click Save.

Add an image slide

  1. In the Content area, click Slide.

  2. Click the Background color swatch to select a background color from a palette.

  3. In the Image area, click Select image, and then do one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. In the Heading field, type the text you want to display over the slide.

  2. In the Button label field, type the text you want to appear on the button.

  3. In the Button link field, set the URL or page that you want the button to link to. Paste in the URL or select a page from the menu. If you do not want to include a button in the section, then leave this field empty.

Customize the feature slider settings

Note

The featured slider settings are applied to all slides in the featured slider section.

  1. If you want to display the slide buttons as a transparent button with a solid outline, then check Use secondary button style.

  2. If you want to change the text color, then click the Slide heading color swatch to select a color from a palette.

  3. In the Cover settings area, select a cover image for the featured slider section by clicking Select image, and then doing one of the following:

  • To select an image that you have already uploaded to your Shopify admin, click the Library tab.

  • To select a stock image from Burst, click the Free images tab. From here you can enter a search term, or browse the image categories.

  • To select an image from your local computer, click the Library tab, and then click Upload.

  1. From the Header list, enter the text you want to appear on the cover image.

  2. From the Heading position list, select whether the heading text will display on the left or in the center of the cover image. This setting only applies to desktop views.

  3. In the Overlay area, check Show overlay.

  4. Click the Overlay color swatch to select a color for the image overlay.

  5. Click the Text color swatch to select a color for the text.

  1. Tip

    If the background image is dark, picking a light text color makes the text easier to read.


  2. From the Opacity list, select a level of transparency for the image overlay.

  3. Click Save.

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


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