Return to previous page

Better "Pay With Amazon" Support Styles

This topic has 11 replies, 2 voices, and was last updated 8 years ago ago by Olga Barlow

pt1011

Participant

October 21, 2016 at 21:05

amazon and woocommerce are pushing hard (promoting) the use of “pay with amazon”
https://woocommerce.com/products/pay-with-amazon/

the cart checkout process works, when the user opts to pay with amazon, but the css styling can use a bit of attention.

please test and put up a feature request for this.

#143591 Copied

10 Answers

Olga Barlow

Support staff

October 24, 2016 at 08:43

Hello,

This is third-party plugin that is not included in our theme. We can’t test and add styles for all the available popular plugins. If you use third-party plugins often (not always) you need additionally customize the styles of plugin elements to make them look according to global theme style.
If you need some help with it, you may send us the link and we’ll point you in right direction.

Regards

#143673 Copied

pt1011

Participant

November 1, 2016 at 01:52

yes I know you can’t support all plugins, that is why I said “put up a feature request for this” please.

your theme is a woocommerce theme, so you support woocommerce, and woocomerce is has an extensive collection of extensions.

my suggestion is that the top plugins by woocomerce be treated with more consideration then all other plugins (in the wordpress eco system)

disagree?

#144566 Copied
Olga Barlow

Support staff

November 1, 2016 at 14:58
Hello,

Ok, we’ll try to add compatibility with most popular plugins.
If you want to align “Pay with Amazon” button add this code in custom CSS
```
.cart_totals #pay_with_amazon{
	margin-left: 0;
	margin-top: 25px;
	float: none;
	text-align: center;
}
.cart_totals #pay_with_amazon img{
	display: inline-block;
}
.woocommerce-info #pay_with_amazon{
	position: relative;
	top: 8px;
}
```
Regards
#144635 Copied
pt1011

Participant

November 8, 2016 at 04:27

Thank you for considering adding more support for woocomerce extensions based on popularity.

That is a great idea. And if you visit the extensions page, you can see them all sorted by popularity
https://woocommerce.com/product-category/woocommerce-extensions/

And this plugin, Amazon Payments, is the Second Most Popular plugin out of hundreds.

Also, my request was less about button placement on the cart page – but thanks for providing some styles for that. The request was MORE for styling the address and payment methods on checkout which are not currently ideal (see attached image for example of their embedded webform)

http://imgur.com/a/Mhg5w

<script async src=”//s.imgur.com/min/embed.js” charset=”utf-8″></script>

#145210 Copied

Olga Barlow

Support staff

November 8, 2016 at 09:40

Hello,

WooCommerce has a lot of popular plugins and if we add styles for all of them then our style.css become too large that is a problem because it slows down the sites of our customers. Even if user doesn’t use additional plugin he will have the code for all the plugins and that code is unnecessary for him and just adds an extra KB for loading.

We don’t have Amazon account to check the styles on your site. And unfortunately, I can’t send you the custom if I don’t see real content. You can either provide me test credentials or contact plugin author to get help with styles of their plugin.

Regards

#145226 Copied

pt1011

Participant

November 8, 2016 at 14:03

Yes, I am a dev I understand how styles can be bloated if you add support for too many plugins, at this point thanks for your help, but short of the request below, we can close this request.

An easy fix that does not require you to have an account to test would be if you can add an option in the theme settings to set the col widths of the checkout pages.Right now each has a class=”col-md-6″, (half and half) but if we could make it class=”col-md-7″ for the first col and class=”col-md-5″ for the second, the embeds from amazon fit great.

#145270 Copied

pt1011

Participant

November 8, 2016 at 14:06

hm, just noticed the url looks like this when on a checkout page with amazon selected as gateway:

checkout/?amazon_payments_advanced=true

maybe we can check for amazon_payments_advanced = true and set the columns as described above?

#145272 Copied

Olga Barlow

Support staff

November 8, 2016 at 15:08

Hello,

If you want to change this copy file xstore/woocommerce/checkout/form-checkout.php into appropriate child theme folder (xstore-child/woocommerce/checkout/) and change the column classes there.

Regards

#145289 Copied

pt1011

Participant

November 15, 2016 at 23:06

my preference is to not override theme files, even if adding to child them, because it makes theme updates more deficult to account for, so a function or js edit that programatly makes the chagnes is prefered. thanks for your support and consideration. at this point you can close this ticket or consider it a feature request.

#145940 Copied

Olga Barlow

Support staff

November 16, 2016 at 11:21

Hello,

Ok, thank you for your suggestion.

Regards

#145991 Copied
Viewing 11 results - 1 through 11 (of 11 total)