Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sticky AddToCart Component on Product Page (GCOM-1194) #2036

Draft
wants to merge 28 commits into
base: canary
Choose a base branch
from

Conversation

carlocarels90
Copy link
Member

@carlocarels90 carlocarels90 commented Aug 25, 2023

Example product with an StickyAddToCart component:
https://graphcommerce-git-feature-gcom-1194-graphcommerce.vercel.app/p/talented-bffs-gc-1026-sock

Desktop Mobile
image image
image image

@changeset-bot
Copy link

changeset-bot bot commented Aug 25, 2023

🦋 Changeset detected

Latest commit: e81ffd5

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 72 packages
Name Type
@graphcommerce/magento-product Minor
@graphcommerce/magento-product-configurable Minor
@graphcommerce/next-config Minor
@graphcommerce/next-ui Minor
@graphcommerce/docs Minor
@graphcommerce/algolia-search Minor
@graphcommerce/demo-magento-graphcommerce Minor
@graphcommerce/googleanalytics Minor
@graphcommerce/googletagmanager Minor
@graphcommerce/magento-cart-email Minor
@graphcommerce/magento-cart-items Minor
@graphcommerce/magento-category Minor
@graphcommerce/magento-compare Minor
@graphcommerce/magento-pagebuilder Minor
@graphcommerce/magento-payment-adyen Minor
@graphcommerce/magento-payment-braintree Minor
@graphcommerce/magento-payment-included Minor
@graphcommerce/magento-payment-multisafepay Minor
@graphcommerce/magento-product-bundle Minor
@graphcommerce/magento-product-downloadable Minor
@graphcommerce/magento-product-grouped Minor
@graphcommerce/magento-product-simple Minor
@graphcommerce/magento-product-virtual Minor
@graphcommerce/magento-review Minor
@graphcommerce/magento-search Minor
@graphcommerce/magento-wishlist Minor
@graphcommerce/mollie-magento-payment Minor
@graphcommerce/magento-graphcms Minor
@graphcommerce/cli Minor
@graphcommerce/hygraph-cli Minor
@graphcommerce/lingui-next Minor
@graphcommerce/framer-next-pages-example Minor
@graphcommerce/framer-scroller-example Minor
@graphcommerce/image-example Minor
@graphcommerce/address-fields-nl Minor
@graphcommerce/ecommerce-ui Minor
@graphcommerce/googlerecaptcha Minor
@graphcommerce/hygraph-dynamic-rows Minor
@graphcommerce/graphcms-ui Minor
@graphcommerce/magento-cart-billing-address Minor
@graphcommerce/magento-cart-checkout Minor
@graphcommerce/magento-cart-coupon Minor
@graphcommerce/magento-cart-payment-method Minor
@graphcommerce/magento-cart-pickup Minor
@graphcommerce/magento-cart-shipping-address Minor
@graphcommerce/magento-cart-shipping-method Minor
@graphcommerce/magento-cart Minor
@graphcommerce/magento-customer-account Minor
@graphcommerce/magento-customer-order Minor
@graphcommerce/magento-customer Minor
@graphcommerce/magento-newsletter Minor
@graphcommerce/magento-payment-klarna Minor
@graphcommerce/magento-payment-paypal Minor
@graphcommerce/magento-store Minor
@graphcommerce/magento-cms Minor
@graphcommerce/browserslist-config-pwa Minor
@graphcommerce/changeset-changelog Minor
@graphcommerce/eslint-config-pwa Minor
@graphcommerce/graphql-codegen-markdown-docs Minor
@graphcommerce/graphql-codegen-near-operation-file Minor
@graphcommerce/graphql-codegen-relay-optimizer-plugin Minor
@graphcommerce/prettier-config-pwa Minor
@graphcommerce/typescript-config-pwa Minor
@graphcommerce/framer-next-pages Minor
@graphcommerce/framer-scroller Minor
@graphcommerce/framer-utils Minor
@graphcommerce/graphql-mesh Minor
@graphcommerce/graphql Minor
@graphcommerce/image Minor
@graphcommerce/lighthouse Minor
@graphcommerce/magento-graphql Minor
@graphcommerce/react-hook-form Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

@vercel
Copy link

vercel bot commented Aug 25, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
graphcommerce ✅ Ready (Inspect) Visit Preview Nov 9, 2023 8:02pm

@mikekeehnen

This comment was marked as resolved.

@paales paales changed the title feat(GCOM-1194): Implement Sticky AddToCart Component on Product Page Implement Sticky AddToCart Component on Product Page (GCOM-1194) Aug 29, 2023
@carlocarels90 carlocarels90 requested a review from paales September 1, 2023 08:40
@carlocarels90 carlocarels90 marked this pull request as ready for review September 1, 2023 08:40
@github-actions
Copy link
Contributor

github-actions bot commented Sep 1, 2023

Page Size old Size new Size diff First load old First load new First load diff
/blog/[url] 2.1kB 2.1kB 280kB 281.0kB +1kB⚠️
/blog/tagged/[url] 2.1kB 2.1kB 280kB 281.0kB +1kB⚠️
/c/[...url] 0.3kB 0.3kB 303kB 304.0kB +1kB⚠️
/product/downloadable/[url] 5.1kB 5.1kB 314kB 315.0kB +1kB⚠️
/product/grouped/[url] 5.1kB 5.1kB 314kB 315.0kB +1kB⚠️

@paales paales changed the title Implement Sticky AddToCart Component on Product Page (GCOM-1194) Sticky AddToCart Component on Product Page (GCOM-1194) Sep 5, 2023
@paales paales added this to the GC8 milestone Sep 5, 2023
export const component = 'ProductPageAddToCartActionsRow'
export const exported =
'@graphcommerce/magento-product/components/ProductPage/ProductPageAddToCartRow'
export const ifConfig: IfConfig = 'enableStickyAddToCart'
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This plugin is self-referencing. So the plugin is targeting the current package. Shouldn't we make this a simple if statement somewhere? @carlocarels90 / @mikekeehnen.

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We could, but we could also make it a separate package right @paales? This would make it a plug and play solution

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@mikekeehnen if we do this, we don't need the config file I guess? Because it will apply only when you add this package to your project?

Copy link
Contributor

github-actions bot commented Nov 9, 2023

Page Size old Size new Size diff First load old First load new First load diff
/blog 1.5kB 1.5kB 283kB 284.0kB +1kB⚠️
/blog/page/[page] 1.5kB 1.5kB 283kB 284.0kB +1kB⚠️
/product/downloadable/[url] 5.1kB 5.1kB 319kB 320.0kB +1kB⚠️
/product/grouped/[url] 5.1kB 5.1kB 319kB 320.0kB +1kB⚠️
/search/[...url] 0.3kB 0.3kB 314kB 315.0kB +1kB⚠️

@carlocarels90 carlocarels90 marked this pull request as draft November 9, 2023 21:03
@paales paales removed this from the GC 8.0.0 milestone Apr 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants