deco-sites/fashion

The deco.cx Fashion Store Starter

fashion's Issues

Section Footer | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Footer/Footer.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Dica: Use componentes ja disponéveis no template

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section Newsletter | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Newsletter/Newsletter.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Dica: Use componentes ja disponéveis no template

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Toast component

What is this issue about?

Create a toast component to feed messages to user.

This component could work with a similar API to how window.alert works. This would add a toast to the user telling the user to perform an action. This could be used in wishlist where we ask users to login before adding items to the wishlist.

Section Auth | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Auth/Auth.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Search not found component

When searching for a term with zero results, we should return a custom page. This page should be implemented in here with this style:
https://www.figma.com/file/oYiUEiToKxLvzydERTbTLJ/Template-Fashion?node-id=616-8489&t=k4p3dADeuUAdsHBQ-0

Reference:

Wishlist

A should implement wishlist. This can be done in two phases and even using localstorage.

This component's design can be found in here. Reference:

Tip: Probably use wish-list app at VTEX

Missing section: Banner PLP

What is this issue about?

We should be able to change the banner depending on the category being displayed.

Hook to remove coupon from cart

What is this issue about?

Add a removeCouponFromCart in the useCart hook

Section Shortcuts | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Shortcuts/Shortcuts.{group-name}.tsx
2. Reproduza uma ou mais variacoes neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas atraves de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alteracoes somente no arquivo destinado a section do meu grupo
• O componente esta editavel no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrao

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section ProductDetails (Product Details) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/ProductDetails/ProductDetails.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section Contact | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Contact/Contact.{group-name}.tsx
2. Reproduza uma ou mais variacoes neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas atraves de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alteracoes somente no arquivo destinado a section do meu grupo
• O componente esta editavel no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrao

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section ImageZoomModal (Image Zoom Modal) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/ImageZoomModal/ImageZoomModal.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Dica: Use o product card e sliders ja presentes na fashion

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section DoubleBanner (Double Banner) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Banners/DoubleBanner.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Cart for other platforms

We should figure out a way of having multiple carts from multiple platforms without having the change the code. Only changing the global config should be enough

Section Wishlist | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Wishlist/Wishlist.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section Review | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Review/Review.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section Minicart | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Minicart/Minicart.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section Benefits | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Benefits/Benefits.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editavél no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section ProductList (Product List) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/ProductList/ProductList.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem várias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Dica: Use o product card e sliders ja presentes na fashion

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão
• Adicionei links das variacoes do figma que fiz no PR

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

PLP side filter

We should add an option for a side filter on the ProductGallery section in here.
Design
Reference:

add price selector component on filters

What is this issue about?

Create a new price selector range filter, like the following one:

Section SearchFilters (Search Filters) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Search/SearchFilter.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Incomplete structured data for PLPs

What is this issue about?

Add OfferCatalog to PLPs as structured data

Section BuyTogether (Buy Together) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/BuyTogether/BuyTogether.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section Testimonials | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Testimonials/Testimonials.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section FAQ | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/FAQ/FAQ.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section CategoryList (Category List) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/CategoryList/CategoryList.{group-name}.tsx
2. Reproduza uma ou mais variacoes neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas atraves de props.

Dica: Use componentes ja disponiveis no template

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alteracoes somente no arquivo destinado a section do meu grupo
• O componente esta editavel no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrao

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

UI component for creating links

What is this problem about?

We are rewriting tag every time we need to add a link interaction

How to play it?

Replace a tag with the new Anchor ui component

Extra information

See a practical and functional example at: deco-sites/intimissimi@24fb74d

Missing sitemap

What is this issue about?

We are missing sitemap generation for live

Missing canonical urls

What is this issue about?

We should handle canonicals for pdps, plps, and home

Extra info

A good way to start is to use the breadcrumblist and use the last element

Section ImageGallery (Image Gallery) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/ImageGallery/ImageGallery.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section CampaignTimer (Campaign Timer) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Timers/CampaignTimer.{group-name}.tsx
2. Reproduza uma ou mais variacoes neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas atraves de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alteracoes somente no arquivo destinado a section do meu grupo
• O componente esta editavel no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrao

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section CookieConsent (Cookie Consent) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/CookieConsent/CookieConsent.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section DiscountBanner (Discount Banner) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/DiscountBanner/DiscountBanner.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

SKU selector not working well

The useVariantPossiblities.ts hook is not working well with multiple skus having the same value

Section Logos | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Logos/Logos.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Navbar loader with absolute links

What is this issue about?

Navbar loader is loading with vtexcommercestable links. They should be related to current url

Login deveria abrir um modal ao invés de redirect

https://www.aviator.com.br/

Recursive types declaration

What is this issue about?

We should generate the json schema for types like:

interface Node {
children: Node[]
}

Send `add_to_wishlist` event

What is this issue about?

Send add_to_wishlist event when clicking to add a product to the wishlist.

Extra info

https://developers.google.com/analytics/devguides/collection/ga4/reference/events?client_type=gtm#add_to_wishlist

Minicart free shipping component

When adding an item to cart, the component should display the missing value for getting a free shipping.

This should be implemented in here with this design

Referece:

Category page banner

We should add a new section called CategoryBanner that allows targeting certain categories. This component's design can be found in here

Reference:

PDP gallery

We should allow a new variant on the ProductDetails.ts section.

Design

Reference:

Section MeasurementModal (Measurement Modal) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/MeasurementModal/MeasurementModal.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section Header | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Header/Header.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar (menu e header). Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Time 260

Qual a section que voce esta fazendo?
Section CookieConsent (Cookie Consent) | HACKATHON https://github.com/deco-sites/fashion/issues/2155
Categoria 3 - CookieConsent
@joel-holanda
@Kayquedias

• [ X] Estou usando tokens do DaisyUI e Tailwind CSS
• [ X] Fiz alterações somente no arquivo destinado a section do meu grupo
• [ X] O componente esta editável no admin da Deco
• [ X] Adicionei link de preview da section do admin da deco no PR
• [ X] Minha section funciona com propriedades padrão
• Adicionei links das variacoes do figma que fiz no PR

Link do Preview:
https://deco.cx/admin/sites/fashion/blocks/previews?ref=%23%2Fdefinitions%2FZGVjby1zaXRlcy9mYXNoaW9uL3NlY3Rpb25zL0Nvb2tpZUNvbnNlbnQvQ29va2llQ29uc2VudC5yb2NrZXRzcGFjZS50c3g%3D&type=CookieConsent

Section NewsletterModal (Newsletter Modal) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Newsletter/NewsletterModal.{group-name}.tsx
2. Reproduza uma ou mais variacoes neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas atraves de props.

Dica: Use componentes ja disponiveis no template

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alteracoes somente no arquivo destinado a section do meu grupo
• O componente esta editavel no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrao

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Section FullBanner (Full Banner) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/Banners/FullBanner.{group-name}.tsx
2. Reproduza uma ou mais variacoes neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas atraves de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alteracoes somente no arquivo destinado a section do meu grupo
• O componente esta editavel no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrao
• Adicionei links das variacoes do figma que fiz no PR

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/

Shipping costs on PDP

We should implement an island for shipping cost calculation on PDP.

A nice place to start implementing is around here with this design

Reference:

Section QuickView (Quick View) | HACKATHON

What is this issue about?

Neste desafio:

1. Crie um arquivo na pasta sections/QuickView/QuickView.{group-name}.tsx
2. Reproduza uma ou mais variações neste arquivo do figma

Note que este arquivo de design contem varias variantes. Escolha uma variante para implementar. Caso sobre tempo, implemente outras variantes no mesmo arquivo que podem ser escolhidas através de props.

Checklist:

• Estou usando tokens do DaisyUI e Tailwind CSS
• Fiz alterações somente no arquivo destinado a section do meu grupo
• O componente esta editável no admin da Deco
• Adicionei link de preview da section do admin da deco no PR
• Minha section funciona com propriedades padrão
• Adicionei links das variacoes do figma que fiz no PR

Links importantes:

• Tailwind CSS https://tailwindcss.com/docs/aspect-ratio
• Daisy UI https://daisyui.com/components/