Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

added preset to apply outline button in image-with-text #2753

Conversation

lougoncharenko
Copy link
Contributor

PR Summary:

Image with text section has a checkbox to apply outline button style on button

Why are these changes introduced?

Fixes #2707.

What approach did you take?

I added a preset in the image with text liquid file.
The preset is a checkbox that when checked, applies the button_style_secondary id on the button.

Other considerations

Maybe from a Ux perspective, we can later on add more button styles and change the preset from a checkbox to a dropdown

Visual impact on existing themes

Merchants will have more flexibility on changing the way their button looks on image with text.

Testing steps/scenarios

  • Add image with text with the default button
  • Add image with text with the outline button checked
  • Test in mobile, tablet and desktop settings
  • Test in various browsers
  • Apply different global theme styles to ensure nothing is broken

Demo links

Checklist

Copy link
Contributor

@kjellr kjellr left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All set from the UX side. Thanks, @lougoncharenko!

Copy link
Contributor

@KaichenWang KaichenWang left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great!!

@lougoncharenko lougoncharenko merged commit 6e74652 into main Jul 11, 2023
@lougoncharenko lougoncharenko deleted the add-a-setting-to-enable-the-secondary-button-style-in-image-with-textliquid branch July 11, 2023 14:37
lougoncharenko added a commit that referenced this pull request Jul 12, 2023
* added preset to apply outline button in image-with-text

* Update 10 translation files

* Update 10 translation files

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
phapsidesGT pushed a commit to Gravytrain-UK/gt-shopify-dawn-theme that referenced this pull request Sep 3, 2024
* added preset to apply outline button in image-with-text

* Update 10 translation files

* Update 10 translation files

---------

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add a setting to enable the secondary button style in image-with-text.liquid
4 participants