Product Display option

Hello,

By any chance, I can make the image on the menu as a product and click it to have quick view feature. Please see attached image. Thank you.

Regards,
Jeff

Attachments:

You must be logged in to view attached files.

Hi,

Unfortunately, there is no such feature in our theme. Quick view popup works only for products and can’t be applied to our menu Visual Composer element.

Kind Regards

Hi,

How about make change the size of the product display and put the short description under the picture ?

Regards,

Hi,

Sorry, but there is no option to put the short description under the picture. Could you please send us a link where you want to change the product display and send us some screenshot for better understanding?

Thank you

Please see attached image. Thank you.

Attachments:

You must be logged in to view attached files.

As we can understand, it is how do you want it to make look like, right? So where we can see it on your website now?

https://wayofsign.com/matsu-sushi/

Could you please show on the screenshot what exactly do you want to increase on the products menu element?

I provided the screenshot in the previous reply.

Something like attached image.

Attachments:

You must be logged in to view attached files.

But you provided a screenshot from some other website and it is not related to our theme. If you want to make it look the same as on the screenshot then it requires an additional code customization and we don’t have a quick solution for that.

How about just replace the whole product-wrapper into a quick-view button?

Sorry, but there is no such option in the theme too. It can be possible only via additional code customization.

Ok, how about making the pop-up quick view vertical?

Attachments:

You must be logged in to view attached files.

Try to add the following code snippet to the Custom CSS area in Theme Settings to place pop-up quick content in one column

div.popup-quick-view .summary-inner {
		position: static;
}

div.popup-quick-view .product-image-summary {
	flex-wrap: wrap;
}

div.popup-quick-view .woodmart-scroll .woodmart-scroll-content {
	position: static;
}

div.popup-quick-view .woodmart-scroll-content {
	padding-top: 20px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 20px;
}

div.popup-quick-view .product-images:hover .view-details-btn {
    transform: none;
    -webkit-transform: none;
}

div.popup-quick-view .product-image-summary>div {
		-webkit-box-flex: 1;
		flex: 1 1 100%;
    flex-basis: 100%;
    max-width: 100%;
    width: 100%;
		float: none;
}

Regards

[Author]

Posts