Important – How do I edit description of product

Hi,

I would like to change description tab as on screenshot make price quantity and add to cart button in background together, and make quantity and add to cart bigger, also change quantity style as on screenshot. Also I would like to showcase product tags as on screenshot.

Thanks for fast reply.

Attachments:

You must be logged in to view attached files.

Also how do I add stock set to show if there is stock more than 5 then it shows 5+ and not exact number?

Hello,

You are using Custom WooCommerce Builder layouts, which is part of WooCommerce Builder from WoodMart. Navigate to Layouts > Edit the single Product Layout and customize and rearrange the elements as per your requirements.

Further, you can read more about the Layout Builder here: https://xtemos.com/docs-topic/woodmart-woocommerce-layout-builder/

Best Regards,

yes i know that but it doesnt solve my problem of editing it, it has just prebuilded layouts… and I asked you one more question as well

Basically you answered to me to none questions and just got rid of me… thankful for this nonsense help…

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 this concern on your Site and give you a possible solution.

Best Regards,

Provided.

Hello,

To truncate a short description with the button on a single product page, there is no option in the theme settings available for that. Please follow this guide and configure it: https://www.businessbloomer.com/woocommerce-truncate-short-description-with-read-more-toggle/

To change the style as per your screenshot, Try to add the following custom css code in Theme Settings > Custom CSS. Change the code as per your requirements to adjust the layout.

.single-product .cart {
 background: #f5f3ff; 
    padding: 20px;
    border-radius: 16px;
}
div.quantity input[type="number"] {
    font-size: 18px;
}
.single_add_to_cart_button {
    background-color: #6c5ce7 !important; /* Purple button */
    color: white !important;
    font-size: 18px;
    padding: 14px 26px;
    border-radius: 30px;
}
div.quantity input[type="button"] {
    background-color:#9E9E9E;
    color: blue;
}
body .single_add_to_cart_button:before {
	content: "\f105";
  font-family: "woodmart-font";
	opacity: 1;
	width: 42px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	margin-top: 3px;
	margin-left: 5px;
	transition: all .3s ease;
}

Best Regards,

[Author]

Posts