Store Customization > Design feedback on wireframed and new patterns

[nefeline]

This is an issue for us to capture any feedback from the design team for the wireframed and new patterns in the Store Customization MVP project #10087

Tasks

Preview Give feedback

1. Product Hero Pattern > Update the content max width #10637
   focus: patterns +1
   
2. Testimonials Single Pattern > Update the image format and content width #10598
   focus: patterns type: enhancement +2
   
3. Follow us in social media Pattern > check if its possible to align the social icons to the left on mobile #10667
   focus: global styles focus: patterns +2
   
4. Alternating Image and Text Pattern > add sample images as placeholders #10478
   focus: patterns type: enhancement +2
   
5. Footer Patterns > The “My Account” link should have the same font size as the other links nearby. #10613
   +0
   
6. Featured Products: Fresh & Tasty pattern > Update the wrapping on mobile #10519
   focus: patterns +1
   

[jarekmorawski]

Regarding left and right paddings, I experimented with a few different options. I went with 64 px on desktop and 32 px on mobile. However, I think they should always follow whatever is set under Global Styles > Layout.

For WooX starting templates, we'd default to 64/32 px and let the user change it in the site editor later. All patterns should automatically adjust and scale. Is that feasible?

[nefeline]

Hi there @jarekmorawski ! Taking the Testimonials Single Pattern as an example #10600 , regarding:

I think they should always follow whatever is set under Global Styles > Layout.

I've changed the layout type for the column with the content to constrained, so the inner block now uses the content width and can be inherited.

I went with 64 px on desktop and 32 px on mobile.

For WooX starting templates, we'd default to 64/32 px

Unfortunately, setting different paddings for mobile x desktop view is not possible, so I kept it as 32px across the board: let me know if that works!

[nefeline]

We have finished addressing all design feedback, so I'm going ahead and closing out this issue 👍 .