EDITING PRODUCT PAGE

Hello! Is it possible on the product page instead of the button “В КОРЗИНУ” (screenshot 1) to make the button “ЗАКАЗАТЬ”, when clicked, which would pop up the window shown in screenshot 2?

Attachments:

You must be logged in to view attached files.

Hello,

Yes, it is possible.

1. Create HTML block https://xtemos.com/docs/woodmart/html-blocks-2/ with the popup

2. Insert this HTML block into Extra block for product https://xtemos.com/docs/woodmart/product-page-options/#local_settings

3. Please add this code to the Theme Settings > Custom CSS > Global to hide add to cart button:

body .product-image-summary .cart {
   	display:none;
}

Best Regards

But then, my button will be located in the block that I created. Is it possible to make a button in the same place where the button I hid is located?

Hello,

Add HTML into After Add to cart area https://xtemos.com/docs/woodmart/html-blocks-2/#before_after and you will get the result like this http://prntscr.com/olokpj

Best Regards

Thank! Everything worked out. Please tell me the code in order to hide the price that the “WooCommerce” displays (I attach the screenshot).

Attachments:

You must be logged in to view attached files.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global to hide add to cart button:

body .product-image-summary .cart {
   	display:none;
}

Best Regards

Thanks, but I already added this code, now I need to hide the price.

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .product-image-summary .summary-inner>.price, 
body .product-image-summary .woodmart-scroll-content>.price {
   display:none;
}

Remove this price from the content http://prntscr.com/olzg43 it cannot be removed with CSS

Best Regards

Thank! Everything worked out. Now I am interested in the next question. How to make available color choices. Do not tell me how I can do this?

Hello,

A variable product is a product which has more than one option in attributes, for example, color, size, material. Instruction on how to create an attribute: https://docs.woocommerce.com/document/managing-product-taxonomies/ as soon as the necessary attributes are available, a variable product can be created https://docs.woocommerce.com/document/variable-product/

By default, variable product attributes are presented as a dropdown in WooCommeerce. WoodMart theme suggests the option to present the attributes as swathes. Swatches are available in text, color or image format. Swatches can be configured for global attributes only.

Swatches in the text format:

Swatches are enabled in Dashboard -> Products -> Attributes -> chose the attribute -> Configure Items -> Edit -> Enable swatch

Best Regards

I did everything according to the instructions, that’s what I got (screenshot 1). Probably the code I added to Global Custom CSS hides the color selection attribute as I understand it?

Attachments:

You must be logged in to view attached files.

Hello,

Please replace this code #135065 in the Theme Settings > Custom CSS > Global:

.woocommerce-variation-add-to-cart{
	display:none;
}

Best Regards

Thank! The product page now looks like the one shown in the screenshot 1. Please tell me what I need to do to make the product page look like the one shown in the screenshot 2.

Attachments:

You must be logged in to view attached files.

Hello,

You can have the attributes in this way: https://gyazo.com/60f188efb7631fd6d2c9f99422324610
They will be both in the table and as the searches or add them manually in the table.

The table option is enabled in the Theme Settings > Product page > Hide/show elements > Show attributes table after the short description

Best Regards

Thank! Please tell me, in the product card the price is presented, as shown in screenshot 1. Can I make the price, as shown in screenshot 2?

Attachments:

You must be logged in to view attached files.

Hello,

The Woocommerce price has been hidden by your request #135116. The price on the screen is manually added into the short description of your product. So you can insert the price in any format

Best Regards

Thanks for the help, you helped solve my problem.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts