Vertical Alignment of Product Title and Price in Archive Pages

Hi,

Simple products don’t have color swatches while variable products consist swatches in the grid on product archive pages. This causes vertical position differences of product title and price for both types of products in grid boxes.

How do I bring the product price to the bottom of the grid box and product title above it?

PS: Product title lines limit is set to one.

Thanks

Attachments:

You must be logged in to view attached files.

Hello,

There is no option to align the price to the bottom. It can be hardly done by CSS. You would better choose another design for product on hover https://prnt.sc/orh04n

Best Regards

Hi,

In case of choosing “icon and add to cart on hover”, how do I:

For desktop device:
Change “Add to Cart/Select Options” to a button rather the link text,

For mobile device:
Replace “Add to Cart/Select Options” text to icon button and place at it left bottom of the featured image. (similar to mobile implementation in quick shop)

Thanks

Hello,

It is not possible to show one text on mobile and another on the desktop. The link can be made as a button by custom CSS. Provide the page USL with the button to know what button you want.

Best Regards

Hi,

The button style can be seen at the following link:
https://www.craftesy.com/store/

Thanks

Hello,

You have not changed the design of the product on hover. What button do you want to customize?

Best Regards

[Author]

Posts