Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Store Customization > Update spacing in between patterns #11252

Closed
Tracked by #11086
nefeline opened this issue Oct 15, 2023 · 1 comment
Closed
Tracked by #11086

Store Customization > Update spacing in between patterns #11252

nefeline opened this issue Oct 15, 2023 · 1 comment
Assignees
Labels
focus: patterns WooCommerce patterns type: bug The issue/PR concerns a confirmed bug.

Comments

@nefeline
Copy link
Contributor

nefeline commented Oct 15, 2023

As part of this task, we need to review all patterns that compose the three templates and ensure the spacing between them is updated per design feedback received on Mrk6SERPZ4KrFHSjM0a8TK-fi-6359_47173

@verofasulo, would you please confirm the desired value for the spacing between these patterns is 60px to ensure we meet your expectations? This value was picked up based on the value for the gap in between patterns on Figma ( Mrk6SERPZ4KrFHSjM0a8TK-fi-1408_129331 ):

Screenshot 2023-10-15 at 23 18 13

The scope:

Based on Veronica's feedback, the following patterns need to be reviewed and the padding between them updated with adequate spacing.

Template 1

  • 'woocommerce-blocks/just-arrived-full-hero'
  • 'woocommerce-blocks/product-collection-5-columns'
  • 'woocommerce-blocks/hero-product-3-split'
  • 'woocommerce-blocks/product-collection-3-columns'
  • 'woocommerce-blocks/testimonials-3-columns'
  • 'woocommerce-blocks/featured-category-triple'
  • 'woocommerce-blocks/social-follow-us-in-social-media'

Template 2

  • 'woocommerce-blocks/featured-category-cover-image'
  • 'woocommerce-blocks/product-collection-4-columns'
  • 'woocommerce-blocks/hero-product-chessboard'
  • 'woocommerce-blocks/product-collection-5-columns'
  • 'woocommerce-blocks/testimonials-3-columns'

Template 3

  • 'woocommerce-blocks/featured-category-cover-image'
  • 'woocommerce-blocks/product-collection-featured-products-5-columns'
  • 'woocommerce-blocks/featured-category-triple'
  • 'woocommerce-blocks/product-query-product-gallery'
@nefeline nefeline added focus: patterns WooCommerce patterns type: bug The issue/PR concerns a confirmed bug. labels Oct 15, 2023
@verofasulo
Copy link

Hey @nefeline 👋

would you please confirm the desired value for the spacing between these patterns is 60px to ensure we meet your expectations?

The spacing between patterns is 80px — you can double-check in this Figma File.

However, I'm unsure if there is a match between the spacing within the patterns in Figma and what is live. And this affects the overall layout, of course. 😊

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
focus: patterns WooCommerce patterns type: bug The issue/PR concerns a confirmed bug.
Projects
None yet
Development

No branches or pull requests

3 participants