Commit Graph

100 Commits

Author SHA1 Message Date
Alba Rincón 545cc43123 Add new `Product listing with gallery` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9347)
* Add new `Product listing with gallery` pattern

* Replace single product block pattern

* Remove ids

* Fix title and images

* Rebuild the image gallery to make it work on diff widths

* Fix image src

* Fix gallery image and align description
2023-05-11 16:45:49 +02:00
Roy Ho 47f9777f4b Add banner pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9434)
* Add banner pattern

* Hardcode the button styling
2023-05-11 07:39:36 -07:00
Karol Manijak ecfd94ce2b Change the button text in the pattern to make it matching the content (https://github.com/woocommerce/woocommerce-blocks/pull/9435)
* Change the button text in the pattern to make it matching the content

* Fix the image size so it's original ratio is preserved
2023-05-11 11:02:45 +02:00
Roy Ho a84cfd93d6 Update text (https://github.com/woocommerce/woocommerce-blocks/pull/9423)
* Update text

* Make shop now button black with white text to match design

* Update pattern image and text
2023-05-11 08:17:42 +02:00
Roy Ho 06cd02b88a Update pattern with images and alignment (https://github.com/woocommerce/woocommerce-blocks/pull/9414) 2023-05-10 05:44:58 -07:00
Daniel W. Robert b6cfe080d5 Remove br in pattern heading. (https://github.com/woocommerce/woocommerce-blocks/pull/9409)
This allows the text to flow more naturally, as opposed to having
unexpected line-breaks at certain screen widths.
2023-05-09 15:22:33 -04:00
Roy Ho b05f78b66c Update pattern alignments (https://github.com/woocommerce/woocommerce-blocks/pull/9410)
* Update pattern alignments

* Add explicit margin

* Try this

* Explicitly set margins

* Remove is-light class
2023-05-09 09:25:02 -07:00
Roy Ho e6a58ab90c Add product details pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9408)
* Add product details pattern

* Replace stars image
2023-05-09 08:15:03 -07:00
Roy Ho b92bc3e7fd Update patterns images paths (https://github.com/woocommerce/woocommerce-blocks/pull/9390) 2023-05-08 07:22:30 -07:00
Alba Rincón d8c974f104 [Pattern] Add new `Hero product chessboard` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9180)
* Add new `Hero product chessboard` pattern

* Add images

* Margins in px to avoid diff behaviour on diff theme styles

* Add shop link
2023-05-08 11:35:51 +02:00
Roy Ho 4f90c5fe85 Add shop by price pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9373) 2023-05-05 06:33:20 -07:00
Roy Ho e788db408c Convert to use WP core blocks (https://github.com/woocommerce/woocommerce-blocks/pull/9340) 2023-05-04 06:04:24 -07:00
Roy Ho 1efa47c076 Add product hero pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9181)
* Add product hero wide pattern

* Convert to using WP core blocks
2023-05-04 06:00:15 -07:00
Daniel W. Robert 7567475a60 Implement new `Hero Product – Split` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9191)
* Add pattern for split hero product banner.

This adds a new pattern for a hero product banner with a 50/50 split,
heading and CTA on left and product image on right.

Uses the Media + Text block.

* Update image to use Unsplash placeholder.

* Remove WooCommerce prefix in pattern title.

* Remove unneeded wrapper group block.

* Serve placeholder image from plugin directory.
2023-05-03 12:11:24 -04:00
Roy Ho 721257d32a Add featured category cover image (https://github.com/woocommerce/woocommerce-blocks/pull/9284)
* Add featured category cover image

* Use WP core blocks

* Explicitly add meassurement type
2023-05-03 06:51:52 -07:00
Alba Rincón b813a98691 [Pattern] Add new `Hero product 3 split` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9319)
* Add new `Hero product 3 split` pattern

* Improve colors and margins
2023-05-03 15:44:05 +02:00
Alba Rincón 0aa8c79790 [Pattern] Add new `Product Collections: Newest Arrivals` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9240)
* Add new `Product Collections: Newest Arrivals` pattern

* Remove ID

* Improve paddings

* Use product image with thumbnail style
2023-05-03 10:03:45 +02:00
Roy Ho bcfc330f8a Add/featured category focus pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9322)
* Add category focus pattern

* Fix text

* Explicit add padding and make image smaller
2023-05-02 07:16:44 -07:00
Roy Ho 5297d93d37 Add featured category triple pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9269) 2023-04-28 05:35:54 -07:00
Alba Rincón 9524c3607d Add new `Product collections: Featured Collection` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9246)
* Add new `Product collections: Featured Collection` pattern

* Improve padding

* Set text color to white

* Make string translatable
2023-04-28 13:58:46 +02:00
Alba Rincón 4cea6664a5 [Patterns]: Add new `Header Centered Search` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9081)
* Add new `Header Centered Search` pattern

* Add margin support to the customer account block

* Add margin to the customer account to separate it from the search bar

* Update margin

* Add with, fix margins

* Remove unnecessary separator

* Updates after review

* Remove ref

* Remove separator

* Bring back separator and use product search

* Remove html block and fix search border
2023-04-27 10:23:24 +02:00
Alba Rincón 2b75d821fa [Patterns] Add new `Footer with 3 menus` menu (https://github.com/woocommerce/woocommerce-blocks/pull/9175)
* Add new `Footer with 3 menus` menu

* Stack menus on mobile, remove refs

* Change the site title to a `p` tag

* Align menus to the top and add paddings

* Make the `powered by` string translatable and add padding

* Improve search
2023-04-27 10:22:43 +02:00
Alba Rincón 1673fcb3c2 [Patterns]: Add new `Featured products: 5-item grid` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9006)
* Add new pattern

* Style improvements after review

* Fix price on mobile and image thumbnail

* Remove columns for title and price

* Review improvements

* Use shop url

* Make the product title bold
2023-04-25 16:22:58 +02:00
Roy Ho 212a600477 Add testimonials single pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9184)
* Add testimonials single pattern

* Fix invalid content

* Align message
2023-04-25 06:58:27 -07:00
Alba Rincón 98dc3d2eab [Patterns]: Add new `Featured Products 2 columns` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9072)
* Add new `Featured Products 2 columns` pattern

* Remove line separator

* Change title and add shop url

* Improve copy
2023-04-24 10:33:15 +02:00
Alba Rincón f2c19e0ac2 Add new `Testimonials: 3 columns` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9159) 2023-04-24 10:15:55 +02:00
Roy Ho 90f59de4f6 Update minimal header patterns (https://github.com/woocommerce/woocommerce-blocks/pull/9126)
* Update minimal header patterns

* Remove ref

* Remove dark pattern and indent code
2023-04-20 07:46:15 -07:00
Roy Ho 2e5fcbd630 Add customer-account icon class to patterns (https://github.com/woocommerce/woocommerce-blocks/pull/8821) 2023-03-27 13:33:48 -07:00
Daniel Dudzic 35860da21e Products: Update product element margins in patterns (https://github.com/woocommerce/woocommerce-blocks/pull/8401)
* Product Rating: Normalize the height of rating icons and the Add review link

* Products: Update inner blocks margins.

* Product Rating: Remove css changes from this PR.

* Products patterns: Remove px values and update the default pattern template.

---------

Co-authored-by: Manish Menaria <the.manish.menaria@gmail.com>
2023-03-10 11:34:47 +05:30
Tung Du 48a721c60c Update the archive templates to use Products block (https://github.com/woocommerce/woocommerce-blocks/pull/8308)Co-authored-by: Alba Rincón <alba.rincon@automattic.com>
* wip: update blockified archive templates

* Update product archive title to Shop

* Update product search template to blockified version

* new default templates, all blocks are Products block inner blocks

* revert change to fallack eligible archive templates

* remove unneccessary translated strings

* only filter the archive title on the shop page

* add missing categories header for patterns

* remove the term description block on the fly

* explain the reason for removing the term description block

---------

Co-authored-by: Alba Rincón <alba.rincon@automattic.com>
2023-02-22 08:24:04 +07:00
Daniel Dudzic 48c4c71839 Product Button: Transition from using CSS margin to Global Styles (https://github.com/woocommerce/woocommerce-blocks/pull/8239) 2023-01-20 16:23:00 +01:00
Daniel Dudzic dc38c2a4a1 Product Rating: Transition from using CSS margin to Global Styles (https://github.com/woocommerce/woocommerce-blocks/pull/8202)
* Product Rating: Transition from using CSS margin to Global Styles

* Product Rating: Re-add css margins for Product Rating inside of the All Products block.

* Product Rating: Change bottom margin to 1rem

* Product Rating: Re-add the Classic Template fix.

* Product Rating: Remove the Classic Template fix.
2023-01-20 16:04:00 +01:00
Daniel Dudzic da637b8b64 Product Price: Transition from using CSS margin to Global Styles (https://github.com/woocommerce/woocommerce-blocks/pull/8195)
* Product Price: Transition from using CSS margin to Global Styles

* Product Price: Re-add css margins for Product Price inside of the All Products block.

* Product Price: Change bottom margin to 1rem

* Product Price: Fix the margin typescript declaration.
2023-01-20 15:56:29 +01:00
Alba Rincón f9dd42a36a Add `Customer account` to patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7944)
* Render the block in the frontend

* Add icon style selector to Display settings

This adds an icon style selector in which users can choose the customer account link icon.

* Display on the frontend depending on the icon style

* Rename attributes

* Refactor block rendering

* Improve styling

* Add link to account settings

* Split css file

* Switch to SSR

* Add customer account block to header patterns

* Add customer account block to footer patterns

* Adapt minimal header to designs

* Adapt large header to designs

* Adapt header patterns to new designs and format code

* Adapt footer patterns to the designs

* Change display style for the essential header

* Increase alt icon size

* Make the icon resize with the label

* Adjust icon size on headers

* Add padding and move second row to the right

* Remove unused enum

Co-authored-by: Alexandre Lara <allexandrelara@gmail.com>
2022-12-23 10:08:44 +01:00
Daniel Dudzic 179287f0be Product Query: Add patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7857)
* Product Query: First attempt at adding patterns

* Product Query: Update patterns and the default block template

* Product Query: And new and update existing patterns

* Product Query: Adjust layout of the Minimal Product Row pattern

* Product Query: Update pattern names

* Product Query: Polish spaces between blocks inside the patterns

* Product Query patterns: Link product titles and improve spacing between product elements

* Product Query patterns: Button font-size update

* Product Query patterns: Center the pagination

* Product Query patterns: Center the pagination for the default pattern

* Product Query patterns: Remove an empty column

* Product Query patterns: Remove an empty column from the product list with 1:1 images pattern
2022-12-13 14:53:26 +01:00
Darren Ethier c6c6122dd7 Add "Just Arrived Full Hero" commerce adjacent pattern (https://github.com/woocommerce/woocommerce-blocks/pull/7812)
* Add just arrived full hero commerce adjacent pattern.

* Remove group block as wrapper.

* use more responsive font-size and add i18n
2022-12-05 08:24:58 -05:00
Darren Ethier 9f495fb937 add i18n to pattern strings (https://github.com/woocommerce/woocommerce-blocks/pull/7841) 2022-12-05 08:24:13 -05:00
Darren Ethier e70cb68480 Add "Product Hero 2 Column 2 Row" commerce adjacent pattern. (https://github.com/woocommerce/woocommerce-blocks/pull/7814)
* Add commerce adjacent block pattern

Product Hero 2 Column 2 Row.

* Wrap strings in i18n
2022-12-05 08:23:57 -05:00
Darren Ethier 6ed137e1e8 Add "Store Info Alternating Image and Text" commerce adjacent pattern (https://github.com/woocommerce/woocommerce-blocks/pull/7827)
* Add new commerce-adjacent pattern

This pattern is an alternating image and text layout that provides store info for the shopper.

* fix pattern title
2022-12-05 06:57:51 -05:00
kmanijak 13ff157278 Register footer and header patterns as template parts, so they are available in contextual chooser (https://github.com/woocommerce/woocommerce-blocks/pull/7699) 2022-11-28 12:11:08 +01:00
Albert Juhé Lluveras 91ff195c07 Rename Active Product Filters block to Active Filters (https://github.com/woocommerce/woocommerce-blocks/pull/7753)
* Rename Active Product Filters block to Active Filters

* Rename wc-block-active-product-filters__placeholder to wc-block-active-filters__placeholder

* Rename active filters fixture
2022-11-25 17:17:45 +01:00
Alba Rincón 1884040a6a Fix menus on 'large', 'simple' and 'with 2 menus' footers (https://github.com/woocommerce/woocommerce-blocks/pull/7579)
* Fix menus on simple and with 2 menus footers

* Fix large menu
2022-11-04 16:14:44 +01:00
Alba Rincón 8e7718a36a Set a the color as white for the dark header/footer patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7524)
* Set a the color as white for the dark header/footer patterns

That way we make sure they will be visible no matter which theme is active.

* Adapt light patterns to inherit colors from theme

* Remove light from pattern names and color from social icons

* Make links inherit color

* Remove background

* Remove wp:page-list

Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com>

Co-authored-by: Albert Juhé Lluveras <contact@albertjuhe.com>
2022-11-04 11:59:20 +01:00
Daniel Dudzic c44ecf02b6 Products by Rating: Add inner block support (https://github.com/woocommerce/woocommerce-blocks/pull/7362)
* Products by Rating: Add InnerBlock support for Ratings

* Product by Ratings: Register Ratings filter as an InnerBlock

* Product by Rating: Fix active rating filters bug

* Products by Rating: Remove all heading references

* Products by Rating: Minor code fixes

* Products by Rating: Fix ESlint errors

* Products by Rating: Fix dependency placement
2022-10-12 17:47:21 +02:00
Tom Cafferkey 872788e13c Convert filter blocks to inner blocks (https://github.com/woocommerce/woocommerce-blocks/pull/6978)
* register filter wrapper block

* register block variation

* rename the active filters wrapper

* prevent 404 error

* Revert "prevent 404 error"

This reverts commit 8b6cb7c6658b2a5a99b890b67f1dce8c1c51cdbf.

* render parent wrapper block

* support price filter block

* hide the active filter block from inserter

* swap the title of wrapper and inner filter block for active filters

* hide the legacy heading for the price filter

* update block title and description for active filters and price filter

* remove heading control for price filter

* remove heading control for active filters

* update pattern

* try: upgrade button

* limit the number of inner block to 2

* prevent removing the inner filter block

* Revert "prevent removing the inner filter block"

This reverts commit 83b7feed78a7a7f50fd5799d1706faa9f2fc9050.

* convert stock filter to inner block

* refactor block upgrade button to share between filter blocks

* update default heading

* update pattern

* update icon and title

* Fix stock filter error by importing translations package

* Upgrade Active Filters name to Active Filter Controls

* Add upgrade support to price filter

* Convert attribute filter to inner block (https://github.com/woocommerce/woocommerce-blocks/pull/7101)

* wip: convert attribute filter to inner block

* fix: render inner attribute filter block on the front end

* refactor: inner block wrapper, extract the attribute parsing logic into a utility

Co-authored-by: Tom Cafferkey <tjcafferkey@gmail.com>

* Set correct attribute on the new filter blocks when they are upgraded

* Use the Warning component to display the upgrade message so it is consistent with Gutenberg

* address code review

* better detect legacy block to show the upgrade notice

* rename UpgradeToolbarButton to UpgradeNotice

* add upgrade notice to the stock filter block

* rename InnerBlockWrapper to BlockWrapper

* attribute-filter: control wrapper visibility

* passing block attributes down to inner active filters control block

* fix styling of inner attribute filter control block

* passing attribute to inner price filter control block

* passing down the attribute to inner stock filter control block

* remove unneccessary parsing

* use default scope for variations

* fix default attribute values

* use default block appender

* fix: lock control blocks

* remove dynamic title code from attribute filter block

* register active filters as variation and set it to the default that overrides the base block

* fix isActive for default variation

* fix: isActive logic for the active filters block

* register side effect

* fix ts error

* e2e: fix active filters block backend test

* e2e: fix frontend active filters test

* e2e: fix attribute filter test

* e2e: fix price filter test

* e2e: fix stock filter test

* e2e: update fixture

* e2e: fix attribute filter test

* remove invalid test

* e2e: update heading selector for price filter in backend test

* e2e: fixe backend price filter heading test

* fix: patterns i18n

* fix: heading level when upgrading the block

Co-authored-by: Tung Du <dinhtungdu@gmail.com>
2022-10-07 16:00:19 +01:00
Alba Rincón f3295f1780 Register new header patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7292)
* Register new header patterns

* Fix name

* Capitalize the header word

* Remove ref from the navigation menu
2022-10-06 14:16:32 +01:00
Manish Menaria 918c9515d7 Register new footer patterns (https://github.com/woocommerce/woocommerce-blocks/pull/7306)
* Register new footer patterns

* Capitalize the footer word

* Fix large footer pattern content cut-off issue

For more info:
https://github.com/woocommerce/woocommerce-blocks/pull/7306#issuecomment-1268491571
https://github.com/woocommerce/woocommerce-blocks/pull/7306#issuecomment-1269717251

Co-authored-by: Alba Rincón <alba.rincon@automattic.com>
2022-10-06 17:57:09 +05:30
Alba Rincón 90562ae3e0 Remove pattern file added by mistake (https://github.com/woocommerce/woocommerce-blocks/pull/6980) 2022-08-25 13:03:10 +02:00
Alba Rincón 2060f11474 `Filter by Attribute` block design updates (https://github.com/woocommerce/woocommerce-blocks/pull/6920)
* Add and style Reset and Apply buttons

* Style the dropdown option

* Fix class and label

* Fix checkbox margin in editor

* Fix alignment

* Fix the reset button

* Disable Apply button when no changes have been made to the filter to improve UX

* Reduce vertical spacing between list items

* Style chips

* Don't reload on reset if filters have not been applied

* Fix heading styles on the front end

* Add chevron down to filter by attribute dropdown ui component

* Force FormTokenField to remount on reset

* Fix dropdown z-index

* Reduce apply button margin

* Fix styles for single token selection

Co-authored-by: tjcafferkey <tjcafferkey@gmail.com>
2022-08-25 12:01:41 +02:00
Alba Rincón 5bcabd0361 Register patterns under `patterns` folder and add filters pattern (https://github.com/woocommerce/woocommerce-blocks/pull/6861)
* POC about registering patterns

* POC load patterns from `/patterns` folder

* Change class name and remove unnecessary comment

* Add all four blocks to the filters pattern

* Add all 4 blocks to the block type to allow for transformations

* Add internal

* Improve filters name

* Extract regex to constants

* Add class description

* Rename and move class

* Fix wrong imports

* Address feedback

* Early return from condition

* Fix wrong block type
2022-08-12 13:09:37 +02:00