Return to previous page

Larger cart popup window in the Products overview page

This topic has 10 replies, 2 voices, and was last updated 8 years, 7 months ago ago by Jack Richardson

Christian

Participant

April 8, 2016 at 02:09

Hi!

Is it possible that you can help me get the larger popup added-to-cart window, that shows up in the Product detail page, to also showing up when adding a product from the products overview page? Rather that the mini popup added-to-cart window showing?

Also if it is possible to make more room of the product picture area so it is easier to see what was added making it bigger in the larger popup added-to-cart window?

Please, see screenshots in Private Content.

Please, contact administrator
for this information.

#120404 Copied

9 Answers
Jack Richardson

Support staff

April 8, 2016 at 09:21
Hello,

1. Sorry, but your first query is unclear. Please clarify it with more details.

2. Please add this code in child style.css file:
```
.products-small .product-item .product-image img {
  max-width: 150px;
}
```
Best regards,
Jack Richardson.
#120449 Copied
Christian

Participant

April 8, 2016 at 12:05

Hi,

Product overview page in Woocommerce: I want the bigger floating cart widow to show rather then the small when a customer adds a product to the cart.

Hope that was more clear.

Thanks,
C

#120477 Copied

Jack Richardson

Support staff

April 8, 2016 at 13:35

Hello,

As I see popup message is shown fine http://storage3.static.itmages.com/i/16/0408/h_1460118864_1932640_44d7247ea9.png .
If it is be increased it will overlay other product next to it.
Could you please show a screenshot how exactly you want to modify it? How should it look like?

Thank you.

Best regards,
Jack Richardson.

#120504 Copied

Christian

Participant

April 10, 2016 at 10:01

Hi!

First: It looks like the code I got did only effect the popup window in the upper right corner.

Regarding the added to cart-window:
I do not want to have the smal “Added to cart” window to show up in the product grid window (or what to cal the window with all products listed with thumbnails.
I want bigger “Added to cart” window (with the buttons “Continue to shop”, “Checkout”)
This especially in the mobile phone environment as it is a lot of scrolling or finding a Checkout menu option that might kill the buying experience and a visitor choose to leave.

See my screenshots with explanation in the Private Content area.
Hope this helps.

Cheers,
C.

Please, contact administrator
for this information.

#120638 Copied
Jack Richardson

Support staff

April 12, 2016 at 09:21
Hello,

Please use this css code:
```
.emodal img {
   max-width: 50% !important;
}
.emodal .emodal-text {
   width: 50% !important;
}
```
For mobile use this css code:
```
@media (max-width: 480px) {.emodal img {
    display: block !important;
    max-width: 50%;
}
.emodal .emodal-text {
    width: 50%;
}}
```
You can change url of this button http://storage1.static.itmages.com/i/16/0412/h_1460449041_5674299_e108169b66.png to Checkout page instead of Cart page. You need edit the file theme-functions.php in line 520 and replace the code $woocommerce->cart->get_cart_url() with $woocommerce->cart->get_checkout_url()

Best regards,
Jack Richardson.
#120823 Copied
Christian

Participant

April 12, 2016 at 11:52

Great!

The first code worked perfectly on single product page and resized the product image perfectly.
Can I have the same emodal showing up on the product grid page (main webshop page) as well instead of the small “added to cart” window? (I do not want this one to show up http://media.agdeliuskliniken.se/2016/04/Smaller-cart-window.png).
I want it to look like this:
http://media.agdeliuskliniken.se/2016/04/Webbutiken_Products_Grid_Window_Agdeliuskliniken___explanation-1.jpg

==========

The other mobile code I am not sure did what is suppose to do as no image shows up in mobile mode.

#120843 Copied

Jack Richardson

Support staff

April 12, 2016 at 12:52

Hello,

As I see on mobile image is shown:
http://storage5.static.itmages.com/i/16/0412/h_1460461838_6435413_4a12fe5af4.png
What mobile device are you checking in?

To get the same popup window on Shop page requires additional customization which is beyond our basic support scope. You can order paid service via this form https://www.8theme.com/customization-services/ .

Best regards,
Jack Richardson.

#120848 Copied

Christian

Participant

April 12, 2016 at 13:53

Hi!

Solved with mobile (using iPhone 6 plus). It was a local cache issue in the browser. When I switched to Private surfing the image showed up!
Great, thanks!!

Ah, extra service for customization! I will look into that!

Thanks for all great support and all solutions within the basic support (I have mention it at the The Leader @ Themeforest.net from before).

Best regards,
Christian

#120859 Copied

Jack Richardson

Support staff

April 12, 2016 at 14:25

Hello,

Thank you for your feedback.
We appreciate it very much!

If there are any questions don’t hesitate to contact us.

Best regards,
Jack Richardson.

#120863 Copied
Viewing 10 results - 1 through 10 (of 10 total)

The issue related to '‘Larger cart popup window in the Products overview page’' has been successfully resolved, and the topic is now closed for further responses

Larger cart popup window in the Products overview page

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection