Add to cart button on shop page

Michael_1986 · January 2017

Hi! I bought your awesome theme for the third time

I have a question about the add to cart button on shop page (and product category pages). Is it possible to choose quantity in the same add to cart button also? So then people could add 10 of the same product never opening the product page.

http://imgur.com/a/1ROPH

Albert · January 2017

Hi,

we are sorry but we do not have such functionality included into theme.

Thanks for understanding!

Michael_1986 · January 2017

I was able to do that with these instructions:

https://docs.woocommerce.com/document/override-loop-template-and-show-quantities-next-to-add-to-cart-buttons/

I used Code Snippets plugin to add the code instead of adding it directly to the functions.php file.

The quantity button didn't align correctly but with this code inserted into the custom css, everything is okay:

.archive .quantity { display: inline-block; }

If someone using Be is looking to do the same thing, hope you find this information helpful!

Albert · January 2017

We are glad to see you sorted it out but this requires files customization and anyone who would like do this, need to know, they will lose such customization when decide to update theme.

Michael_1986 · January 2017

If I may use this same topic to ask another question about the shop page.

Other products have shorter name and others have longer name. Is it possible to align all the product titles and prices corretcly so that they would be in the same row? I probably didn't explain this well but here is a image that tells the problem:

http://imgur.com/a/HZDb5

I tried this but it didn't work:

.woocommerce .products .product,

.woocommerce .products .product .price

{text-align:center}

and also this but it didn't work either:

.woocommerce .product_title.entry-title {

text-align: center;

}

This didn't work either:

a.added_to_cart.wc-forward {

bottom: 0;

position: absolute;

display: block;

bottom: 0px;

}

.woocommerce ul.products li.product,

.woocommerce-page ul.products li.product {

min-height: 295px !important;

margin-bottom:10px;

}

a.button.add_to_cart_button,

a.button.product_type_simple {

bottom: 30px;

position: absolute;

}

Albert · January 2017

Sorry but it is technically impossible to recognize which texts are longer and shorter to align them same lines.

Michael_1986 · January 2017

Every other store has them right so there has to be a way to align product titles correctly in Woocommerce.

Albert · January 2017

Really? May we see such "other store" then?

Michael_1986 · January 2017

For example: http://www.bearel.fi/kauppa/

Maybe there is a way to set a specific character limit and the titles that go over that would show ... at the end of the title?

I have asked WP Kraken a quote about this project. Hopefully they know how to fix this issue.

This is how I would like the product names and prices to show:

http://imgur.com/a/Vzgaa

Albert · January 2017

On this page, titles are cut if are longer while we display full name always. So if you are asking for an option to cut titles, then we do not have such possibility included unfortunately.

Michael_1986 · January 2017

No worries. I saw a WP Kraken ad on this site and they did what I was asking for.

Albert · January 2017

Ok, great!

Add to cart button on shop page

Comments