Bug Product Archive in Mobile View

[bauer]

Hi there,

there is a bug on mobile view if I use the product style “quick”. The cart symbol is missing an the quantity menu is broken (see picture).

Thanks
martin

• This topic was modified 1 year, 6 months ago by bauer.

Attachments:

You must be logged in to view attached files.

Hello,

Can you please share the WP admin login details of your site so I will check and solve the issue.

Best Regards.

Yes sure. See attached.

Hello,

Sorry to say but your WoodMart Theme and WoodMart Core plugin aren’t updated to the latest version. The latest version of the Theme running is 7.0.4 and the Core version running is 1.0.35.

Can you please once try to update your WoodMart theme and Core plugin to the latest version by following the given Theme’s Documentation link: https://xtemos.com/docs-topic/update-the-theme/ and then check back the issue again on your Site?

Best Regards

Hi,

everythings is updated now. Issue is still there. Could it be a css problem?

Hello,

The Quick style is an overlap style which is why the action button items adjustment is a bit different for the Mobile view, so we have applied the following Custom CSS on your Site in this regard to make the Add to Cart icon appear for the Mobile view:

.wd-quantity-overlap div.quantity:not(.hidden)+.button:before {
left: -1em !important;
}

Location to iCustom CSS, go to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile >> there at the bottom you will find the CSS applied.

Please check back your Site after completely clearing browser and server cache.

Best Regards

Perfect. This css works great. But the green line with the cart symbol is not stretched (see picture attached). How To stretch the green line over the whole product picture?

Attachments:

You must be logged in to view attached files.

Hello,

Please try the following CSS for the Width concern:

.wd-hover-quick.wd-quantity-overlap .wd-add-btn .product_type_simple { width: 170px !important; }

Also, change the value of left in the previous CSS to left: -2em.

This CSS also needs to be pasted in the same location as for the earlier CSS.

Best Regards

Hi there, this is not working. I think is has to be a css code to set in into the middle/ center.

Hello,

Really sorry for the delay in the response due to the weekend !

It seems that you have changed the Site Domain because the earlier is now not working.

So, now the original Domain without the wp-content is working right now on your Site. On which we have checked the Buttons for the Mobile view.

The CSS was right, it’s just that you need to increase the value of the width defined in it:

.wd-hover-quick.wd-quantity-overlap .wd-add-btn .product_type_simple { width: 180px !important; }

Also, please use this Custom CSS too at the same place:

.wd-hover-quick .wd-add-btn .add-to-cart-loop { width: auto !important; }

Location to paste the Custom CSS is the same as told earlier under the Custom CSS for mobile.

Best Regards

Hi,

I added the following code in css mobile…..but the button is still not stretched or in a center.

/*Prudct view Cart*/
.wd-quantity-overlap div.quantity:not(.hidden)+.button:before {
left: -2em !important;
}
.wd-hover-quick.wd-quantity-overlap .wd-add-btn .product_type_simple { width: 180px !important;
}
.wd-hover-quick .wd-add-btn .add-to-cart-loop { width: auto !important; }

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check these concerns on your Site and help you out accordingly.

Best Regards

Sure… I think this issue is related to an other ticket of mine as well.

https://xtemos.com/forums/topic/how-to-get-a-css-hook-on-added-products/

Hello,

We have sent the response to this thread: https://xtemos.com/forums/topic/how-to-get-a-css-hook-on-added-products/

Let us know if you have any questions.

Best Regards

Perfect. Topic can be closed now.

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts