²úƷϵÁÐÁбí

Äú¿ÉÒÔÌí¼ÓҪͻ³öÏÔʾµÄ²úƷϵÁÐÁÐ±í¡£¡£¡£¡£¡£Äú×î¶à¿ÉÒÔÏò²úƷϵÁÐÁбíÖÐÌí¼Ó 16 ¸ö²úƷϵÁп顣¡£¡£¡£¡£

·ÖÇøÉèÖÃ

Ñ¡Ôñ²úƷϵÁÐ

1. ÔÚÄ£°å±à¼­Æ÷ÖУ¬£¬£¬£¬£¬µã»÷ÒªÏòÆäÌí¼Ó²úƷϵÁеIJúƷϵÁп顣¡£¡£¡£¡£

2. µã»÷Ñ¡Ôñ²úƷϵÁС£¡£¡£¡£¡£

3. µã»÷Ò»¸ö²úƷϵÁУ¬£¬£¬£¬£¬È»ºóµã»÷Ñ¡Ôñ¡£¡£¡£¡£¡£

ÁªÏµ±í

ÄúµÄÁªÏµ±í»á½«ËùÓÐÌá½»·¢Ë͵½ÄúÊÐËÁµÄ·¢¼þÈËÓÊÏä¡£¡£¡£¡£¡£Äú¿ÉÒÔÔÚ Shopify ºǫ́µÄÊÐËÁÏêϸÐÅÏ¢ÉèÖÃÒ³ÃæÖиü¸Ä·¢¼þÈËÓÊÏä¡£¡£¡£¡£¡£

¸Ã±íµ¥¾ßÓÐÒÔÏÂ×ֶΣº

• Ãû³Æ

• ÓÊÏ䣨±ØÌ

• µç»°ºÅÂë

• ̸ÂÛ

·ÖÇøÉèÖÃ

×Ô½ç˵ Liquid

Äú¿ÉÒÔÌí¼Ó×Ô¼ºµÄ Liquid ´úÂëÒÔ½¨Éè×Ô½ç˵·ÖÇø¡£¡£¡£¡£¡£

• Ìí¼ÓÒÑÏÂÔØÓ¦ÓõÄ˵Ã÷ÖÐÌṩµÄÓ¦ÓôúÂëƬ¶Ï£¬£¬£¬£¬£¬ÒÔÇáËɵؽ«Ó¦ÓÃÒýÈëÄúµÄÒ³Ãæ¡£¡£¡£¡£¡£

• Ö±½ÓÔڱ༭Æ÷ÖÐÌí¼Ó×Ô½ç˵ Liquid ´úÂë¡£¡£¡£¡£¡£

·ÖÇøÉèÖÃ

µç×ÓÓʼþ×¢²áºá·ù

Äú¿ÉÒÔÔÚÃÜÂëÒ³ÃæÌí¼Ó·ÖÇø£¬£¬£¬£¬£¬¿Í»§¿ÉÔÚÆäÖÐÊäÈëÆäÓÊÏäÒÔÔÚÄúµÄÊÐËÁ¿ªÒµÊ±ÊÕµ½Í¨Öª¡£¡£¡£¡£¡£Ã¿¸öµç×ÓÓʼþ¶©ÔĶ¼»á½¨ÉèÒ»¸ö¿Í»§ÕË»§¡£¡£¡£¡£¡£

¸Ã·ÖÇø¸½´øÈý¸öĬÈϿ飺

• ÎÊÌâ

• ¸±ÎÊÌâ

• µç×ÓÓʼþ±íµ¥

·ÖÇøÉèÖÃ

ÎÊÌâ¿é

¸±ÎÊÌâ¿é

µç×ÓÓʼþ×¢²áÐÅÏ¢

Äú¿ÉÒÔÌí¼ÓÒ»¸ö·ÖÇø£¬£¬£¬£¬£¬¹©¿Í»§ÔÚÆäÖÐÊäÈëËûÃǵÄÓÊÏä²¢¶©ÔÄÄúµÄÐÂÎÅͨѶ»òÓªÏúÐÅÏ¢¡£¡£¡£¡£¡£µ±¿Í»§¶©ÔÄʱ£¬£¬£¬£¬£¬ÏµÍ³»áÔÚÄú Shopify µÄºǫ́Öн¨Éè¿Í»§ÕË»§¡£¡£¡£¡£¡£

¸Ã·ÖÇø¸½´øÈý¸öĬÈϿ飺

• ÎÊÌâ

• ¸±ÎÊÌâ

• µç×ÓÓʼþ±íµ¥

·ÖÇøÉèÖÃ

ÎÊÌâ¿é

¸±ÎÊÌâ¿é

µç×ÓÓʼþ±íµ¥

µç×ÓÓʼþ±íµ¥¿é»áÏÔʾһ¸ö×ֶΣ¬£¬£¬£¬£¬¿Í»§¿ÉÔÚÆäÖÐÊäÈëµç×ÓÓÊÏäµØµãÀ´×¢²áÎüÊÕÄúµÄÓªÏúÐÅÏ¢¡£¡£¡£¡£¡£´Ë¿éûÓпÉ×Ô½ç˵ÉèÖá£¡£¡£¡£¡£

ÌØÉ«²úÆ·

Äú¿ÉÒÔÌí¼Ó°üÀ¨Ìض¨²úÆ·µÄ·ÖÇø¡£¡£¡£¡£¡£

·ÖÇøÉèÖÃ

·ÖÇø¿é

Äú¿ÉÒÔÔÚÌØÉ«²úÆ··ÖÇøÖÐÌí¼ÓÒÔÏ¿顣¡£¡£¡£¡£

ÌØÉ«²úƷϵÁÐ

Äú¿ÉÒÔÌí¼ÓÒ»¸ö·ÖÇø£¬£¬£¬£¬£¬ÓÃÓÚÔÚÒ»¸ö²úƷϵÁÐÖÐÏÔʾ²úÆ·¡£¡£¡£¡£¡£

·ÖÇøÉèÖÃ

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

Collection list

You can add a list of collections that you want to highlight. You can add up to 16 collection blocks to a collection list.

Section settings

Setting	Description
Heading	The title of the section
Image ratio	The image ratio for the featured images of the collections: Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped. Portrait - Crops the images to use a 2:3 ratio. Square (default) - Crops the images to use a 1:1 ratio.
Color scheme	The background color of the collection list section. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Enable swipe on mobile	Changes the mobile display from a column to a row, where customers can swipe sideways to see more collection blocks.
Enable "View all" button if list includes more collections than shown	Displays a "View all" button that takes the customers to the full list of collections.
Section padding	Add spacing to the top or bottom of the collection list. Use the range slider to add between 0px and 100px of space above or below the collection section.

Choose collections

1. From your theme editor, click the Collection block that you want to add a collection to.

2. Click Select collection.

3. Click a collection, and then click Select.

Contact form

Your contact form sends all submissions to your store's Sender email address. You can change the sender email address in the Store details settings page of your Shopify admin.

The form has the following fields:

• Name

• Email (required)

• Phone number

• Comment

Section settings

Setting	Description
Heading	The title of the section
Color scheme	The background color of the contact form section. Select between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Section padding	Add spacing to the top or bottom of the contact form. Use the range slider to add between 0px and 100px of space above or below the contact form section.

Custom Liquid

You can add your own Liquid code to create a custom section.

• Add app snippets provided in the instructions from your downloaded apps to easily introduce apps to your pages.

• Add custom Liquid code directly in the editor.

Section settings

Setting	Description
Custom Liquid	Add app snippets or other custom Liquid code to create advanced customizations.
Color scheme	The background color of the contact form section. Select between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Section padding	Add spacing to the top or bottom of the custom Liquid section. Use the range slider to add between 0px and 100px of space above or below the custom Liquid section.

Email signup banner

You can add a section to your password page, where customers can enter their email address to be informed when your store is open. Each email subscription creates a customer account.

The section comes with three default blocks:

• Heading

• Subheading

• Email form

Section settings

Setting	Description
Background image	The background image for the email signup banner. Click Change to replace or remove the image. When the image is removed, the image that comes with the theme is shown. Hide this image by deselecting the Show background image checkbox.
Edit alt text	Click to set image alt text for search engine optimization and to describe the image for customers using screen readers.
Image overlay opacity	Dims the email signup banner image with an overlay. Use the slider to set the opacity of the overlay. Defaults to 0%.
Show background image	Check this box to display the background image on your email signup banner.
Banner height	Set the height of your email signup banner image using the drop-down menu. Choose between Adapt to Image, small, medium (default), or large.
Desktop content position	Set the position of the email signup banner for desktop computers. Choose between top, middle, or bottom, and right, left, or center. Middle center is the default option. On desktop, the text box partially covers the image. On mobile, the text box displays below the image.
Show container on desktop	Places your email signup banner image text in a text box over the image for customers shopping from a desktop computer.
Desktop content alignment	Set the alignment of the image banner text for desktop computers. Choose between right, left, or center (default).
Color scheme	The background color of the email signup banner section. Choose between Accent 1, Accent 2, Background 1 (default), Background 2, or Inverse. On desktop, the color scheme selected is visible only when the Show container on desktop option is selected. On mobile, the color scheme selected is visible only when Show content below image on mobile is selected.
Mobile content alignment	Set the alignment of the image banner text for mobile devices. Choose between right, left, or center (default).
Show content below on mobile	Content will appear below the email signup banner image on mobile devices.

Heading block

Setting	Description
Heading	The title for the section.

Subheading block

Setting	Description
Description	The description for the section.
Text style	Changes the style of text in the email signup section. Choose between Body (default) and Subtitle.

Email signup

You can add a section where customers can enter their email address and subscribe to your newsletter or marketing. When a customer subscribes, a customer account is created in your Shopify admin.

The section comes with three default blocks:

• Heading

• Subheading

• Email form

Section settings

Setting	Description
Color scheme	The background color of the email signup section. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Make section full width	Makes the section the full width of the browser window.

Heading block

Setting	Description
Heading	The title for the section.

Subheading block

Setting	Description
Description	The description for the section.

Email form

The email form block displays a field where a customer can enter an email address to sign up to opt into your marketing materials. The block has no customizable settings.

Featured product

You can add a section that features a specific product.

Section settings

Setting	Description
Product	The product that you want to feature in the section.
Color scheme	Select the color scheme of the featured product.
Show secondary background	Displays the featured product on your secondary background color.
Hide other variants' media	Select this option to hide the media for other variants once a variant has been selected.
Enable video looping	Allows the video to be played again. Customers must click to start the replay.
Section padding	Add spacing to the top or bottom of the featured product section. Use the range slider to add between 0px and 100px of space to the top or the bottom of the section.

Section blocks

You can add the following blocks in your Featured product section.

Block	Settings
Text	Enter text for your featured product: Text: Accepts text or dynamic source. Text style: Choose between Body, Subtitle, or Uppercase.
Title	This block has no customizable settings.
Price	This block has no customizable settings.
Variant picker	Choose between pills or a drop-down menu.
Quantity selector	This block has no customizable settings.
Buy buttons	Check the Show dynamic checkout buttons box to display any dynamic checkout options that you've enabled in your Payments settings.
Share	Clickable text that allows customers to share the product to their social media.
Product rating	Displays the average product rating in stars with the number of reviews in parenthesis, for example: ¡ï¡ï¡ï¡ï¡ï (8). Also requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating.
Custom Liquid	Add Apps	Add an Online Store 2.0-compatible app.

Featured collection

You can add a section that displays products in one collection.

Section settings

Setting	Description
Heading	The title of the section.
Collection	Which collection you want to display products from.
Maximum products to show	The number of products from the collection to display. Must be an even number. Minimum: 2. Maximum: 12.
Color scheme	The background color of the featured collection section. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse.
Enable "View all" button if collection has more products than shown	If the collection has more products than set in the Maximum products to show field, then this displays a "View all" button that takes the customers to the collections page.
Enable swipe on mobile	Changes the mobile display from a column to a row, where customers can swipe sideways to see more products.
Image ratio	The image ratio for the product images: Adapt to image - Uses the aspect ratio of the images. This prevents the images from being cropped. Portrait - Crops the images to use a 2:3 ratio. Square - Crops the images to use a 1:1 ratio.
Show second image on hover	When the customer hovers their cursor over the product image, displays the second product image if the product has one.
Show vendor	Displays the vendors of the products.
Show product rating	Displays the average product rating in stars with the number of reviews in parenthesis, for example: ¡ï¡ï¡ï¡ï¡ï (8). Also requires a product review app such as Shopify Product Reviews, and metafield definitions for reviews.rating_count and reviews.rating.
Section padding	Add spacing to the top or bottom of the featured collection section. Use the range slider to add between 0px and 100px of space above or below the featured collection section.

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