Skip to content

fix(storefront): STRF-4804 Fix Store Logo image size for Amp Pages#1239

Merged
davidwrpayne merged 1 commit intobigcommerce:masterfrom
davidwrpayne:STRF-4804
May 18, 2018
Merged

fix(storefront): STRF-4804 Fix Store Logo image size for Amp Pages#1239
davidwrpayne merged 1 commit intobigcommerce:masterfrom
davidwrpayne:STRF-4804

Conversation

@davidwrpayne
Copy link

@davidwrpayne davidwrpayne commented May 16, 2018

⚠️ this does not fix then entire issue ⚠️

What?

Store logo is distorted on AMP pages on mobile or desktop. We were not respecting the logo settings when specified. There is still an issue however where if the image is larger than 250x50 then it doesn't get sized according to css properly.

below is an example of it still being incorrect for too large of a logo
screen shot 2018-05-16 at 1 42 36 pm

Tickets / Documentation

Add links to any relevant tickets and documentation.

@mattolson @mjschock @Ubersmake

@bigbot
Copy link

bigbot commented May 16, 2018

Autotagging @bigcommerce/storefront-team @davidchin

CHANGELOG.md Outdated
- Fix for faceted search display. [#1225](https://github.com/bigcommerce/cornerstone/pull/1225)
- Fix for calls with empty files in Safari. [#1210](https://github.com/bigcommerce/cornerstone/pull/1210)

- Fix logo image dimensions on AMP pages. [#](https://github.com/bigcommerce/cornerstone/pull/)
Copy link
Contributor

Choose a reason for hiding this comment

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

This needs to go into the Draft section and reference the PR number

width="100"
height="50"
{{#if theme_settings.logo_size '===' 'original' }}
width="250"
Copy link
Contributor

Choose a reason for hiding this comment

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

I understand that in this case we need to hard code some values because the actual image size is unknown. How do we choose the right values? Why was this changed to 250 from 100?

@davidwrpayne davidwrpayne force-pushed the STRF-4804 branch 3 times, most recently from 1e020cc to c7f280d Compare May 17, 2018 20:27
Copy link
Contributor

@mattolson mattolson left a comment

Choose a reason for hiding this comment

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

Looks good. Couple of minor nits, and then please rebase.

CHANGELOG.md Outdated
- Fix for faceted search display. [#1225](https://github.com/bigcommerce/cornerstone/pull/1225)
- Fix for calls with empty files in Safari. [#1210](https://github.com/bigcommerce/cornerstone/pull/1210)

Copy link
Contributor

Choose a reason for hiding this comment

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

Unnecessary diff

{{/if}}
alt="{{settings.store_logo.title}}">
</amp-img>

Copy link
Contributor

Choose a reason for hiding this comment

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

Unnecessary diff

@davidwrpayne davidwrpayne merged commit f6c4aa4 into bigcommerce:master May 18, 2018
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.

4 participants