1

我还在学习shopify应用程序开发，

我已按照本教程进行操作，并通过检查 shopify 文档创建了一个简单的应用程序设置页面。

现在我的应用页面如下所示

在此处输入图像描述

现在，我想保存这些数据并在结帐时使用这些数据对购物车总数进行一些更改。所以，目前我关心的是，我如何存储数据？

存储数据后，如果填写了这两个字段，如何在结帐页面创建自定义字段？

我code的与他们在上面的教程中解释的完全一样，我当前的Index课程如下所示。

import { EmptyState, Page, Layout, FormLayout, Card, TextField } from "@shopify/polaris";

function Index() {
    return (
        <Page
        title="App Settings"
        subtitle="All App related settings will go here"
        primaryAction={{content: 'Save'}}>
            <Layout>
                <Layout.AnnotatedSection
                title="API Settings"
                description="Get API Key and API secret.">
                <Card title="API Key and API secret" sectioned>
                <FormLayout>
                    <TextField label="API Key" onChange={() => {}} />
                    <TextField label="API Secret" onChange={() => {}} />
                </FormLayout>
                </Card>
                </Layout.AnnotatedSection>
            </Layout>
        </Page>
    )
};

export default Index;

我的项目结构如下。

在此处输入图像描述

自过去 2 天以来，我一直在试图弄清楚这一点，但在这个学习阶段我没有找到任何可以参考的有用资源。

如果可以，请提供有用的资源/教程/链接/代码。

4

1 回答 1

0

在购物车页面显示运费。你需要做的是在你的购物车页面上集成谷歌地图，比如这个网站

  • 集成地图后，您需要明智地获取位置名称区域/国家。
  • 然后，您需要调用此Shopify Shipping Zone API并获取您在 Shopify 运输设置中配置的可用运费。
  • 在 API 的响应中，根据从购物车页面输入的位置匹配地区/国家，并显示运费。

参考（不完全相同，仅作为示例）

于 2020-09-28T15:32:44.220 回答