Adapt your theme for specific markets or B2B on Shopify

If you have more than oneob欧宝娱乐app下载地址orB2B on Shopifyfeature activated, then you can adapt your online store experience for different customers by editingsections and blocksspecific to a context. Acontextcan be a market or B2B.

For example, if you set up markets for Canada and Australia, but you want to make changes to the content and layout of your theme that applies only to Australia, then you can make the following example changes to your online store:

  • Add a section, such as anannouncement bar, to highlight a promotion being offered only to Australian customers.
  • Change the menufor your Australian context.
  • Replace the heading that displays in the image banner.

Understanding contexts

Contexts help you adapt your online store experience for different customers. When you customize a theme, you can select which context you want to edit from theContextdrop-down menu at the top of the page.

Screenshot of the new context drop-down menu that displays beside the template drop-down menu at the top of the customizing theme page.

Context drop-down menu options

Understanding the Context drop-down menu options
Context option Description
Default TheDefaultcontext is used to create a default layout and content that other contexts can inherit or override. Changes made to theDefaultcontext apply to all contexts unless they're overridden.
ob欧宝娱乐app下载地址 All of your markets are displayed in theContextdrop-down menu. You can select a market to make changes that apply only to that specific context.
B2B If you're on the Shopify Plus plan and you use B2B on Shopify, then theB2Boption is displayed in theContextdrop-down menu. You can select the B2B option and make changes that apply to the B2B context.

Context overrides

If you make a change to a section or block in theDefaultcontext, then the change is applied to all contexts except for contexts where there is an override.

An override occurs when you make a change in oneContextto be different from the settings that exist in theDefaultcontext.

After you create an override, any changes that you make to the settings or section order in theDefaultcontext aren't automatically updated in the context that you modify. However, you canmanually apply those changesto contexts.

Understanding context overrides
Context override type Description Icon or label
Setting override Occurs when you change a setting, such as an image or text, from theDefaultcontext value. For example, in theDefaultcontext, theAnnouncement bartext isHello, but in theCanadacontext, you've changed theAnnouncement bartext to beHowdy. A half-filled green diamond-shaped icon appears beside the setting. half-diamond icon that displays in the theme editor to indicate a setting override.
Section override Occurs when you add a section or block in a context that isn't in theDefaultcontext. For example, in theCanadacontext, you added theImage with textsection. A green diamond-shaped icon appears beside the section to indicate that a unique section override exists within the context. full-diamond that displays in the theme editor to indicate a section override.
Custom section order Occurs when the default section order is overridden by adding, removing, or moving a section or block in a context. For example, in theCanadacontext, the order of sections is different from theDefaultcontext. Customized section order text appears to indicate that the default section order was overriden. Example of customized section order text that displays because the default section order was overriden.

Context language

If your store's primary language isn't available for a context, then you need to use a translation app to customize content in the context's language.

Edit an existing section or block

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. ClickCustomizenext to the theme that you want to edit.
  3. Open theContextdrop-down menu at the top of the page.
  4. Use the drop-down menu to select a context that you want to customize.
  5. Edit the section or block that you want to change for the context.
  6. ClickSave.

Add a section or block

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. ClickCustomizenext to the theme that you want to edit.
  3. Open theContextdrop-down menu at the top of the page.
  4. Use the drop-down menu to select a context that you want to customize.
  5. Add a section or block for the context.
  6. In theOverride default section order?dialog, clickContinue.
  7. ClickSave.

Manually add a section or block

When you add a section or block to theDefaultcontext, it's automatically added to all other contexts, except for contexts with a custom section order. If you want the added section or block to display in a context that has a custom section order, then you need to manually add the section or block.

Steps:

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. ClickCustomizenext to the theme that you want to edit.
  3. Open theContextdrop-down menu at the top of the page.
  4. Use the drop-down menu to select a context that you want to customize.
  5. ClickAdd section.
  6. In theTHEME SECTIONS FROM DEFAULTsection, click the section that you want to manually add to your context.
  7. ClickSave.

Add the Quick order list section to your product page

TheQuick order listsection optimizes the shopping experience for bulk ordering and B2B customers.

If you use afree theme by Shopify, version 11.0.0 or later, then you can add theQuick order listsection to yourProductstemplate, so that your business-to-business (B2B) customers can easily purchase multiple quantities across different product variants.

Steps:

  1. From your Shopify admin, go to欧宝体育官网入口首页>Themes.
  2. ClickCustomizenext to the theme that you want to edit.
  3. Open theContextdrop-down menu at the top of the page.
  4. Use the drop-down menu to select a context that you want to customize.
  5. Open theTemplatedrop-down menu.
  6. ClickProducts, and then select a product.
  7. In theTemplatesection, clickAdd section>Quick order list.
  8. ClickSave.
Screenshot of the new context drop-down menu that displays beside the template drop-down menu at the top of the customizing theme page.

Learn more aboutQuick order listsection settings.

Resetting your context to default

You can reset the context to use theDefault上下文的内容和布局by clicking the来回的箭头图标。为更多的信息如何gro部分uped into a page template, refer tosection groups.

Understanding reset actions
Reset action Description Example
Reset a setting override on a section or block When you reset a setting override on a section or block, you're removing a specific override that was applied to the section or block. After the override is removed, the setting in the section or block will return to inheriting values used in theDefaultcontext. Example of using the back and forth arrow to reset the heading setting back to default.
Reset an entire section or block When you reset an entire section or block, you're removing all of the override settings that were applied to that section or block. After the overrides are removed, the section or block will return to inheriting all of the setting values used in theDefaultcontext. Example of using the back and forth arrow to reset the image banner section. In this example, if you click the <b>back and forth arrow</b> icon, then you're resetting the image banner section back to default.
Reset an entire template or section group When you reset a template, you're removing all of the override settings that were applied to the template sections, including changes made to the order of the sections. Example of using the back and forth arrow to reset the template. In this example, if you click the <b>back and forth arrow</b> icon, then you're resetting the template back to default.
Ready to start selling with Shopify?Try it free