Commit Graph

89 Commits

Author SHA1 Message Date
Alba Rincón 5a9b13295a Fix image to avoid overlapping on mobile devices (https://github.com/woocommerce/woocommerce-blocks/pull/10108) 2023-07-07 08:26:34 +02:00
Alba Rincón fd86fd2e57 Add size settings to the `Product Image` block (https://github.com/woocommerce/woocommerce-blocks/pull/10034)
* Add height & width setting to the image sidebar settings

* Extract settings and add scale options

* Add width settings

* Apply settings on the frontend

* Style placeholder image

* Replace post featured image with product image

* Allow the width to be wider than container

* Fix image on top of other elements
2023-07-03 11:33:44 +02:00
Alba Rincón 6de8172053 Use the single product block on the Hero Product pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9935)
* Use the single product block on the Hero Product pattern

* Use the add to cart button block

* Use featured image and fix alignment
2023-06-28 14:34:51 +02:00
Alba Rincón f8a13d6afb Add new `Product collection banner` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9953)
* Add new `Product collection banner` pattern

* Hard code black color

* Add new image

* Update pattern image
2023-06-26 15:01:19 +02:00
Alba Rincón 38cbf3af74 Add new `Small discount banner with image` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9947)
* Add new `Small discount banner with image` pattern

* Rename and improve mobile view
2023-06-23 15:22:52 +02:00
Alba Rincón 9368060d79 Add new `Discount banner with image` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9957)
* Add new `Discount banner with image` pattern

* Improve mobile view

* Increase size
2023-06-23 11:33:41 +02:00
Alba Rincón ce253c24ec Add new `Discount banner` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9936)
* Add new `Discount banner` pattern

* Add shop link

* Fix copy

* Fix colors
2023-06-22 12:32:53 +02:00
Alba Rincón db45e85bc3 Shop by Price pattern: add price filters to buttons (https://github.com/woocommerce/woocommerce-blocks/pull/9915)
* Add price filters to buttons

* Add links to the titles

* Update title for the first blog
2023-06-22 08:04:54 +02:00
Brian 249dcb74f2 Consistent Pattern Titles (https://github.com/woocommerce/woocommerce-blocks/pull/9814)
* Update featured-category-cover-image.php

* Update featured-category-focus.php

* Update featured-category-triple.php

* Update featured-products-5-cols.php

* Update filters.php

* Update footer-large-dark.php

* Update footer-large.php

* Update footer-simple-dark.php

* Update footer-simple.php

* Update footer-simple-menu-and-cart.php

* Update footer-with-2-menus-dark.php

* Update footer-with-2-menus.php

* Update footer-with-3-menus.php

* Update header-centered-search-pattern.php

* Update header-essential-dark.php

* Update header-essential.php

* Update header-large-dark.php

* Update header-large.php

* Update header-minimal.php

* Update hero-product-3-split.php

* Update hero-product-chessboard.php

* Update hero-product-split.php

* Update just-arrived-full-hero.php

* Update no-products-found.php

* Update product-collections-featured-collection.php

* Update product-collections-featured-collections.php

* Update product-collections-newest-arrivals.php

* Update product-details-listing.php

* Update product-details-pattern.php

* Update product-featured-2-columns.php

* Update product-hero-2-col-2-row.php

* Update product-hero.php

* Update product-listing-with-gallery-and-description.php

* Update product-query-1-1-image-4-column-products-row.php

* Update product-query-3-column-product-row.php

* Update product-query-4-column-product-row.php

* Update product-query-large-image-product-gallery.php

* Update product-query-minimal-5-column-products-row.php

* Update product-query-minimal-product-list.php

* Update product-query-product-gallery.php

* Update product-query-product-list-with-1-1-images.php

* Update product-query-product-list-with-full-product-description.php

* Update product-search-form.php

* Update shop-by-price.php

* Update store-info-alt-image-and-text.php

* Update testimonials-3-columns.php

* Update testimonials-single.php

* Create readme.md

* Update featured-category-cover-image.php

* Update featured-category-focus.php

* Update featured-category-triple.php

* Update featured-products-5-cols.php

* Update filters.php

* Update footer-large-dark.php

* Update footer-large.php

* Update testimonials-single.php

* Update testimonials-3-columns.php

* Update store-info-alt-image-and-text.php

* Update shop-by-price.php

* Update readme.md

* Update product-search-form.php

* Update product-query-product-list-with-full-product-description.php

* Update product-query-product-list-with-1-1-images.php

* Update product-query-product-gallery.php

* Update product-query-minimal-product-list.php

* Update footer-simple-dark.php

* Update footer-simple-menu-and-cart.php

* Update footer-simple.php

* Update footer-with-2-menus-dark.php

* Update footer-with-2-menus.php

* Update footer-with-3-menus.php

* Update product-query-minimal-5-column-products-row.php

* Update product-query-large-image-product-gallery.php

* Update product-query-4-column-product-row.php

* Update product-query-3-column-product-row.php

* Update product-query-1-1-image-4-column-products-row.php

* Update product-listing-with-gallery-and-description.php

* Update product-hero.php

* Update product-hero-2-col-2-row.php

* Update product-featured-2-columns.php

* Update product-details-pattern.php

* Update product-details-listing.php

* Update product-collections-newest-arrivals.php

* Update product-collections-featured-collections.php

* Update product-collections-featured-collection.php

* Update no-products-found.php

* Update just-arrived-full-hero.php

* Update hero-product-split.php

* Update hero-product-chessboard.php

* Update hero-product-3-split.php

* Update header-minimal.php

* Update header-large.php

* Update header-large-dark.php

* Update header-essential.php

* Update header-essential-dark.php

* Update header-centered-search-pattern.php

* Update readme.md

* Update and rename readme.md to README.md

* Update patterns/README.md

Co-authored-by: Karol Manijak <karol.manijak@automattic.com>

---------

Co-authored-by: Karol Manijak <karol.manijak@automattic.com>
Co-authored-by: Niels Lange <info@nielslange.de>
2023-06-21 09:50:12 +02:00
Albert Juhé Lluveras ddacb581bb Remove unnecessary white space from Testimonials 3 Columns pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9786) 2023-06-20 17:44:02 +02:00
Luigi Teschio e285dd0879 Products Block: fix grid view with Gutenberg 16 (https://github.com/woocommerce/woocommerce-blocks/pull/9916)
* Revert "fix products block layout on gutenberg 16 (https://github.com/woocommerce/woocommerce-blocks/pull/9886)"

This reverts commit 53665a5bde.

* add post_template_has_support_for_grid_view setting
2023-06-20 14:12:30 +00:00
Alba Rincón fe8330d2a8 `Featured Products 5-item grid` fix alignment (https://github.com/woocommerce/woocommerce-blocks/pull/9913)
* Styling and improvements

* Fix pattern alignment

---------

Co-authored-by: roykho <roykho77@gmail.com>
2023-06-20 15:49:43 +02:00
Roy Ho a5271fcbe3 Styling and improvements (https://github.com/woocommerce/woocommerce-blocks/pull/9893) 2023-06-20 06:09:12 -07:00
Roy Ho 93a43b791a Make use of product search (https://github.com/woocommerce/woocommerce-blocks/pull/9890) 2023-06-20 06:08:04 -07:00
Alba Rincón df5f1d21d1 Improve spacing and centering in responsive designs (https://github.com/woocommerce/woocommerce-blocks/pull/9877) 2023-06-20 10:30:51 +02:00
Alba Rincón 5aa3779a62 Add shop link to the button (https://github.com/woocommerce/woocommerce-blocks/pull/9879) 2023-06-20 09:12:32 +02:00
Luigi Teschio 53665a5bde fix products block layout on gutenberg 16 (https://github.com/woocommerce/woocommerce-blocks/pull/9886) 2023-06-20 08:56:55 +02:00
Alba Rincón e423c4fde9 Add a default attribute to the pattern if exists (https://github.com/woocommerce/woocommerce-blocks/pull/9812)
* Add a default attribute to the pattern if exists

* Use esc_attr instead of esc_html
2023-06-15 16:07:47 +02:00
Karol Manijak b7f1ac2b4e Add alt text to images used in patterns describing their purpose (https://github.com/woocommerce/woocommerce-blocks/pull/9788)
* Add alt text to images used in patterns describing their purpose

* Replace 1/3 notation with 1 out of 3, so it's better handled byt screen readers
2023-06-12 19:34:03 +02:00
Albert Juhé Lluveras 0be2ef2d84 Fix capitalization in Product Collections: Newest Arrivals pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9777) 2023-06-09 16:04:53 +02:00
Alba Rincón bc00fbd22b Update hero product pattern title (https://github.com/woocommerce/woocommerce-blocks/pull/9769) 2023-06-09 09:18:30 +02:00
Daniel W. Robert 13a48fb62e Update Images for the Product Details Patterns (https://github.com/woocommerce/woocommerce-blocks/pull/9764)
* Update image for the Product Hero pattern.

Replace the Unsplash image with a CCO licensed image from Pxhere.

* Update images for Prod List Gallery Desc pattern

Replace the Unsplash image with a CCO licensed image from Pxhere for the
Product Listing with Gallery and Description pattern.

* Remove unneeded Unsplash images.

* Update copy for Prod Listing Gallery Desc pattern.

* Optimize new image exports.

* Update image for the Product Listing pattern.

Replace the Unsplash image with a CCO licensed image from Pxhere.

* Update images for Product Details pattern.

Replace the Unsplash images with CCO licensed images from Pxhere.

* Remove unneeded Unsplash image.

* Use Relative URLs for Images in the Product Listing Pattern

This commit replaces hardcoded URLs with dynamic ones for image placeholders in the `product-listing-with-gallery-and-description.php` pattern file.

- The `plugins_url()` function is now used to generate URLs, which correctly points to the images folder within the WooCommerce Blocks plugin directory. This approach provides better flexibility and portability since it doesn't rely on a specific domain or path. The `esc_url()` function is used to ensure the URL is safe to use in the HTML context.

- The change is made for a total of four images in the pattern.

---------

Co-authored-by: Manish Menaria <the.manish.menaria@gmail.com>
2023-06-09 12:13:19 +05:30
Roy Ho 1041bce0e4 Update/patterns featured category product collection (https://github.com/woocommerce/woocommerce-blocks/pull/9765)
* Update image for featured category focus pattern

* Update image for featured category cover image pattern

* Update images for featured category triple pattern

* Change to wide width

* Update links to buttons

* Fix typo in hex color value.

There was an extra `f` in the hex color value, causing the text to
unexpectedly render black.

---------

Co-authored-by: Daniel W. Robert <danielwrobert@gmail.com>
2023-06-09 00:37:25 -04:00
Roy Ho f4da27ca56 Update/collection pattern images (https://github.com/woocommerce/woocommerce-blocks/pull/9766)
* Update featured collections images

* Add shop link to shop by price pattern
2023-06-09 00:07:52 -04:00
Alba Rincón d78c5e57ef Update Chessboard pattern images (https://github.com/woocommerce/woocommerce-blocks/pull/9761) 2023-06-08 16:28:00 -04:00
Alba Rincón 0aa4ba69d0 Updathe the Hero Product Split (https://github.com/woocommerce/woocommerce-blocks/pull/9762) 2023-06-08 16:27:48 -04:00
Daniel W. Robert 43b6f62ad0 Update Banner Pattern To Replace Unsplash Image (https://github.com/woocommerce/woocommerce-blocks/pull/9760)
* Update Banner to replace Unsplash image.

Replaces the Unsplash image with a CCO licensed image from Pxhere. Also
updates the CTA button to link to the Shop page, by default.

* Remove extra padding from top of test column.

Vertical alignment was off on the text column due to 60px of top
padding. This aligns everythign, as expected.
2023-06-08 16:00:55 -04:00
Alba Rincón 9aa1e3448f Update Hero Product 3-split pattern image 2023-06-08 21:41:35 +02:00
Alba Rincón cbfd2977dd [Patterns] Update button color for `Hero Product 3 Split` (https://github.com/woocommerce/woocommerce-blocks/pull/9467)
* Add color to the search button, fix php notices

* Update button color

* Update button color

* Update button color

* Update button color

* Update button color

* Remove WooCommerce from the name to follow standards

* Remove colors from buttons in patterns without hardcoded bg color
2023-06-07 10:10:07 +02:00
Alba Rincón 643bdbe4df [Patterns] Add new `Footer with Simple Menu and Cart` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9176)
* Add new `Footer with Simple Menu and Cart` pattern

* Remove ref, overlay off

* Improve search, navigation and separator

* Improve the mobile view

* Make string translatable
2023-06-06 08:56:20 +02:00
Tom Cafferkey ebffcf3031 Fix esc_html error in footer pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9704) 2023-06-02 14:57:58 -04:00
Roy Ho 3f216104a2 Ensure inner content is not truncated on different widths (https://github.com/woocommerce/woocommerce-blocks/pull/9640) 2023-05-30 06:06:48 -07:00
Patricia Hillebrandt 0dae17510d Fix > Product details listing pattern - Ensure the editor preview is properly rendered after page refresh (https://github.com/woocommerce/woocommerce-blocks/pull/9563)
* Fix editor render for a few paragraphs within the Product Listing Pattern.

* Update spacing and fontWeight.
2023-05-22 19:41:36 +00:00
Alba Rincón a24bf73c83 [Patterns] Improvements on `Product Collections: Featured Collection` (https://github.com/woocommerce/woocommerce-blocks/pull/9450)
* Hardcore text color

* Fix image margins
2023-05-16 11:06:04 +02:00
Daniel W. Robert 8621755f69 Update `Hero Product – Split` Pattern Color Settings (https://github.com/woocommerce/woocommerce-blocks/pull/9433)
* Update color settings to abide by designs.

* Update pattern heading to use inline style.

This ensures the heading color will be white by default and not take on
the heading color from the active theme.

* Translate and escape rendered text in pattern.
2023-05-12 11:00:16 -04:00
Roy Ho cd5490be6b Update/cleanup patterns (https://github.com/woocommerce/woocommerce-blocks/pull/9447)
* Update category cover image pattern

* Update featured category focus pattern

* Update featured category triple pattern

* Update product details pattern

* Update product hero pattern

* Update shop by price pattern

* Update testimonials single pattern
2023-05-12 06:05:36 -07:00
Alba Rincón 30dc6ca5a5 Add new `Product collections: featured collections` pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9388)
* Add new `Product collections: featured collections` pattern

* Update image paths

* Add buttons

* Add colors to buttons

* Change branded image
2023-05-12 12:26:06 +02:00
Patricia Hillebrandt 2a7ac1c92b Add Product Details: product listing pattern (https://github.com/woocommerce/woocommerce-blocks/pull/9383)
* Add the skeleton for the Product Details: product listing pattern

* Update the wp-block-woocommerce-single-product class.

* Update the product details pattern for usage with core blocks.

* Update margins for the product reviews.

* Update the styles and spacing for ratings.

* Additional changes to the editor preview for product ratings.

* update spacing between ratings and text.

* Update content padding.

* Adjust the pricing

* Make adjustments to the button

* Update styles.

* Update styles for the star ratings.

* Extra fine-tunning for reviews and font size

* Add the product details image.
2023-05-12 09:17:45 +00:00
Alba Rincón 6550c830db Patterns small improvements (https://github.com/woocommerce/woocommerce-blocks/pull/9403)
* Center the menu

* Use product image block

* Change search button background to white
2023-05-12 10:41:58 +02:00
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