How the project can be improved?

Minicart functionality

What are the acceptance criteria?

• Show added products
• Edit quantity
• Display product options (for configurable products)
• Delete product action

Additional information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

• use Storefront UI Breadcrumb component
• create component here ~/components/blocks/layout/Breadcrumbs.vue
• use category and product pages
• use magento sdk to get breadcrumb info. this article may be helpful

How the project can be improved?

Integration with the cms pagebuilder of Magento.

What are the acceptance criteria?

• Using the backoffice of Magento i would like to have all the feature of drag&drop items of the pagebuilder.

Additional information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

• create nuxt app
• install magento sdk
• create middleware
• update readme
• create video
• add changelog

How the project can be improved?

Add to cart functionality in product page

What are the acceptance criteria?

• Product adds to cart from product page

Additional information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

Create a footer using the storefront ui footer component

• ~/components/blocks/layout/TheFooter.vue
• use in the default layout: ~/layouts/default.vue

How the project can be improved?

Add the "cart" page to enable users to manage their shopping cart during the shopping experience. Here are the key functionalities I would like to implement:

1. Order Review: Users should be able to view a detailed overview of the cart, including the products, quantities, and prices.

2. Product Updates: Users should be able to modify the quantity of products in the cart or remove specific items.

3. CMS Block Content Management: I want to make the "cart" page customizable by allowing the addition of CMS blocks. This will enable us to provide additional information, such as shipping policies or active promotions.

Expected Result:

• Users should be able to easily manage cart contents.
• Cart changes should be accurately reflected during the checkout process.

What are the acceptance criteria?

• Display product list in cart page
• Main product actions (change qty, remove product etc.)
• Render a cms block in cart page
• Display cart totals

Additional information

No response

Code of Conduct

• I agree to follow this project's Code of Conduct

We can use a similar approach as V2.

detect the route type in a global middleware
set the route type in app state ( I think we can just use useState( ) )

• create middleware/route.global.ts
• create pages/[...slug].vue catch-all page
  • route to product/category/cms based on route type

Every shop needs a place to display a product.

The page should:

• use product card from SFUI2
• use the Product Gallery with vertical thumbnails from SFUI
• be located in a local module
• use a getProductDetails composable to fetch the product details via the magneto sdk

An minimal design is fine for the first iteration.

What is your question / Please describe your issue

Since you would need to add env vars to the sdk.config.ts file, you cannot access environment variables directly. As you probably noticed, you need to add environment variables to your runtimeConfig.public. But since we are locked into this approach, you will need to make this a function to be exported and access const $config = useRuntimeConfig() inside this function.

However the issue with this is, then it can only be called within nuxt context. Which means you need to export a function, not the object. Then of course you need to change all references to this.

What version of Nuxt3-Magento2-Store are you using?

1.0.0

Code of Conduct

• I agree to follow this project's Code of Conduct

This navbar should

• be located in the components/blocks/layout dir
• use the green NavbarTop component from SFUI2
• component name: NavbarTop

Follow up to #25

Originally posted by @the-lensky in #4 (comment)