B2B201

课程介绍

同学们，今天我们来聊聊Salesforce的课程路线图，特别是关于在Classic Store上开发和定制B2B商务的部分。这个课程路线图就像是一张地图，它会指引你如何一步步掌握Salesforce的相关技能。 首先，我们要明确的是，Salesforce的Classic Store是一个强大的工具，它可以帮助企业更好地管理他们的B2B商务活动。在这个课程中，你将学习如何在这个平台上进行开发和定制，以满足不同企业的需求。 课程的开始，我们会从基础讲起，比如Salesforce的基本概念和Classic Store的界面布局。这就像是学习任何新技能一样，打好基础非常重要。然后，我们会逐步深入到更高级的主题，比如如何创建和管理产品目录，如何设置价格和折扣，以及如何处理订单和库存。 在这个过程中，你会学到如何使用Salesforce的Apex编程语言和Visualforce页面来定制你的Classic Store。这些技能将帮助你创建更加个性化和高效的商务解决方案。 最后，我们会讨论一些最佳实践和常见问题的解决方案，确保你能够在实际工作中应用所学知识。 记住，学习Salesforce就像是一场马拉松，而不是短跑。你需要耐心和持续的努力。按照课程路线图一步步来，你会发现自己在Salesforce的世界里越来越得心应手。 好了，这就是我们今天的内容。希望你们对Salesforce的课程路线图有了更清晰的认识。下次课，我们将深入探讨Classic Store的具体功能。期待与你们再次相见！

课程章节

本课程共有 5 个章节

• 1

  UI Theming

  第 52 页

  今天我们来聊聊如何在Salesforce Commerce Cloud（我们简称它为CC）中通过管理员在店面级别启用UI Theming。这个功能非常强大，它允许我们通过自定义CSS规则、JavaScript和图像来改变店面的外观和感觉。 首先，UI Theming是由几个部分组成的。最基础的是CSS规则，这决定了你的网站看起来是什么样子，比如颜色、字体、间距等。然后是JavaScript，它可以帮助你添加一些动态功能，比如动画或者交互效果。最后是图像，这包括所有的图标、背景图等视觉元素。 当你开始设置UI Theming时，你可能需要包括和引用其他文件夹。这些文件夹可能包含额外的字体、本地化文件等。这样做可以帮助你更好地控制网站的外观和功能。 接下来，如果你想要包含来自CDO（Commerce Cloud Digital）或其他文件的库，你有几种选择。一种方法是扩展Header或Footer组件。这意味着你可以在网站的头部或底部添加自定义的内容或功能。 另外，你还可以使用cc_hk_userlink，这是一个特定的组件，通常用于显示用户相关的链接，比如登录、注册或者账户信息。 页面包括功能允许你在不同的页面中重用相同的组件或代码片段。这样可以提高效率，确保一致性。 最后，订阅者页面是一个特殊类型的页面，通常用于展示订阅服务或产品的信息。通过UI Theming，你可以自定义这些页面的外观，使其与你的品牌风格保持一致。 总之，通过启用UI Theming，你可以大大提升你的Salesforce Commerce Cloud店面的用户体验和品牌一致性。希望这些信息对你有所帮助！如果有任何问题，随时提问哦！

  ▶ 播放视频 查看详情
• 2

  Folder Structure of a B2B Commerce Theme

  第 53 页

  让我们来聊聊这个B2B商务主题的文件夹结构。首先，这个主题是专门为Salesforce的静态资源设计的，所以它的命名和结构都需要遵循一定的规则，以便Salesforce的CC管理员能够轻松识别和管理。 文件夹的根目录命名为“CC_MyCompany_主题”，这里的“CC”代表的是Commerce Cloud，也就是Salesforce的商务云。接下来，我们有两个主要的CSS文件夹，分别是“css”和“css 3”。 “css”文件夹是用于Bootstrap 2的。在这个文件夹里，你会找到三个文件： 1. `styles.css`：这是Bootstrap 2的自定义样式文件，你可以在这里添加或修改样式来满足你的设计需求。 2. `Bootstrap.css`：这是Bootstrap 2的核心CSS文件，包含了Bootstrap框架的所有基础样式。 3. `Bootstrap_override.css`：这个文件用于覆盖Bootstrap 2的默认样式，如果你需要调整某些默认样式，可以在这里进行。 接下来是“css 3”文件夹，这是用于Bootstrap 3的。在这个文件夹里，你只会找到一个文件： 1. `styles.css`：这是Bootstrap 3的自定义样式文件，和Bootstrap 2的`styles.css`类似，你可以在这里添加或修改样式。 除了CSS文件夹，还有一个“图像”文件夹，用于存放所有与主题相关的图片资源。 最后是“js”文件夹，这里有一个重要的文件： 1. `uiProperties.js`：这个文件用于全局重写UI属性，比如在Handlebars模板中引用的属性。这个文件在B2B商务主题中非常重要，因为它允许你自定义用户界面的行为。 需要注意的是，B2B商务主题依赖于特定的文件和文件夹结构，所以在压缩主题资源文件时，一定要确保不会在其中创建额外的父文件夹，以免破坏结构。 最后，建议你在实现新主题时使用Bootstrap 3，因为它提供了更多的现代化特性和更好的兼容性。 希望这个解释能帮助你更好地理解B2B商务主题的文件夹结构。如果有任何问题，随时问我！

  ▶ 播放视频 查看详情
• 3

  Themes

  第 54 页

  同学们，今天我们来聊聊如何在Salesforce中更改店面主题，并升级到完整的摩羯座主题。首先，我们需要加载一些静态资源，比如自定义的CSS文件、字体、JavaScript库和图片文件。这些资源可以帮助我们美化店面，让它看起来更专业、更吸引人。 加载完这些资源后，作为管理员，你就可以选择适合的店面主题了。那么，具体怎么操作呢？很简单，你只需要进入Salesforce的设置界面，找到“店面主题”这一项。在这里，你可以看到所有可用的主题选项。 如果你想升级到完整的摩羯座主题，只需要在主题列表中找到它，然后点击“应用”按钮。系统会自动应用这个主题，你的店面就会立刻焕然一新，呈现出摩羯座主题的独特风格。 记住，选择一个合适的主题不仅能提升用户体验，还能让你的品牌形象更加鲜明。所以，花点时间挑选一个最适合你业务的主题吧！ 好了，这就是今天的内容，希望对你们有所帮助。如果有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 4

  DefaultStore Themes

  第 55 页

  同学们，今天我们来聊聊Salesforce中的默认商店主题。首先，我们要知道，Salesforce提供了几种不同的主题来定制我们的商店外观。这些主题不仅仅是颜色和字体的变化，它们背后使用的技术框架也有所不同。 首先，我们有，CC_Theme_Minimum，。这个主题是基于Bootstrap 3的，Bootstrap是一个非常流行的前端框架，它帮助我们快速搭建响应式的网页。这个主题提供了一个非常基础、简洁的样式，适合那些不需要太多定制化的商店。 接下来是，CC_Theme_Capricorn，。这个主题也是基于Bootstrap 3的，但它增加了一些定制的造型。这意味着你可以通过这个主题来实现一些更个性化的设计，比如独特的按钮样式、特殊的布局等。这个主题适合那些希望商店看起来与众不同，但又不想从头开始设计的用户。 最后，我们还有，CC_Theme_Capricorn_Classic，。这个主题是基于Bootstrap 2的，这是一个较旧的版本。虽然它可能看起来和Capricorn主题有些相似，但由于它使用的是旧的技术，我们通常不建议使用这个主题。因为旧的技术可能不支持最新的浏览器特性，也可能存在一些安全风险。 总结一下，如果你想要一个简单、现代的商店外观，可以选择CC_Theme_Minimum。如果你想要一些个性化的设计，CC_Theme_Capricorn是个不错的选择。而CC_Theme_Capricorn_Classic，虽然它存在，但我们建议尽量避免使用，因为它使用的是旧的技术。 希望这些信息对你们有帮助！如果有任何问题，随时问我哦！

  ▶ 播放视频 查看详情
• 5

  Knowledge Check - 58

  第 58 页

  同学们，今天我们来做一个简单的知识检查。这就像是我们平时的小测验，目的是看看大家对之前学的内容掌握得怎么样了。别担心，这不是考试，只是帮助我们巩固知识的一个小工具。 首先，我会问几个问题，你们可以在心里默默回答，或者记下答案。准备好了吗？那我们开始吧！ 1. 什么是Salesforce？它主要用来做什么？ 2. 你能说出Salesforce中的几个主要模块吗？ 3. 在Salesforce中，什么是“对象”（Object）？你能举一个例子吗？ 4. 什么是“记录”（Record）？它和对象有什么关系？ 5. 你能解释一下“字段”（Field）在Salesforce中的作用吗？ 好了，问题就这些。你们可以花几分钟时间回想一下，看看自己能不能回答出来。如果有些地方不太确定，没关系，这正是我们接下来要复习的重点。 记住，学习是一个不断积累和巩固的过程。每次的知识检查都是帮助我们更好地理解和记忆的机会。所以，不要害怕犯错，重要的是从中学到东西。 好了，今天的知识检查就到这里。希望大家都能从中有所收获。我们下次再见！

  ▶ 播放视频 查看详情