Two additional product tabs + other help needed

Hello team,

Our client wants to know if the following can be achieved using Woodmart:

Taking this product page as an example:

Coffee Table

1. On the ,,Specifications” tab (formerly “additional information”) – can the information be arranged on two columns (on desktop, laptop and tablet at least)? Can a team member of yours make this customization? Our client is willing to pay for this. If this is possible, how can we get in touch?

2. Can we add TWO extra tabs on the product page, in the form of HTML Blocks (just like with the Shipping & Delivery tab) – both tabs would show the exact same information for all products so it would be nice to be able to edit them from one place only.

3. On the variable products page, (take the above as an example) – is it possible to show the actual price AND sale price right below the title? (All the variations will probably have the same price and sale price) I know both prices appear once you actually select a variation but can they be shown right below the title?

4. How can the “HOT”, “NEW” and “SALE” labels be made smaller? Are you able to provide some sort of CSS for this, please?

5. Our client also wants that, when you access the product page, that the colour variation indicating the actual color should be pressed by default, and also the client wants the names of the actual colors we are looking at to be visible just beneath the two round thumbnails (see product above) – in our case “Mahogany” & “Natur”, is that possible? And also what the client wants is that the actual attribute chosen to be highlighted in a more obvious way (for example, inside a square, or it should have a tick of some sort).

Please let us know if any member of your team is willing to make these customizations and please let us know what the cost would be in each case.

Kind Regards,

Hello,

The product page may have 3 Additional tabs.

1. Provided by WoodMart globally, configured in Theme Settings > Product page > Tabs. Most often you will see the HTML ID of the block, Please find this block in Dashboard > HTML and set the number of the columns you need and you can set the column width on each device.

2. Next Additional tab is provided in the Product page settings: https://xtemos.com/docs/woodmart/product-page-options/#local_settings this tab appears individually on each product. Create an HTML and set the number of the columns you need and you can set the column width on each device.

3. Additional tab provided by Woocommerce, it contains attributes assigned to the product.
This tab is not editable.

4. is it possible to show the actual price AND sale price right below the title? = Woocommerce does not provide the option, unfortunately, and our theme doesn’t not have any options either.

5. How can the “HOT”, “NEW” and “SALE” labels be made smaller? Please provide the details of how you would like to change, we will provide custom CSS.

6. You can configure the attributes by default – as a drop-down, however, Wooocmmerce does not provide the option to move the attributes.

If you have any questions, please let me know.

Best Regards

Hello Elise,

Thank you for your kind answer.

Please give us a hand by explaining how can we set the product page like this:

https://woodmart.xtemos.com/shop/furniture/scelerisque-pulvinar-ligula/?opt=images_col2

I don’t mean the layout or the thumbnails position. I mean that when I click on the image it shows a little magnifying glass which you can use to zoom a little. How can I set this?

Also, for the “HOT”, “NEW” and “SALE” labels to be made smaller, I guess if we could reduce the size by 20-25% that would be great! (on all devices if possible, please)

Does your team offer paid customizations of any kind?

Thank you and kind regards,

Hello,

You can find the option in the Theme Settings > Product page > Product image > find “Main image click action” Choose “Main image click action”

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

/*sales*/ 
body .labels-rectangular .onsale { 
color:#ffffff; 
background-color:#000000; 
font-size:12px; 
}
/*hot*/
body .labels-rectangular .featured {
color:#ffffff;
background-color:#000000;
font-size:12px;
}
/*new*/
body .labels-rectangular .new{
color:#ffffff;
background-color:#000000;
font-size:12px;
}

Make the changes as per your needs.

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

Best Regards

Best Regards

Hello, Elise,

Thank you for your answer. The settings mentioned by you in Theme Settings are as follows (see image attached), unfortunately there is no additional magnifying glass which you can use to zoom a little. (on the actual product page)

I have changed the CSS code provided by you in accordance to the actual needs:

.labels-rounded .product-label {
    min-height: 36px;
    min-width: 38px;
    font-size: 10px;
	  
}

.product-label.featured {
	  background-color:#C36285;
}

.product-label.onsale {
	background-color:#ED3524;
}	

.product-label.new {
  background-color:#FF8945;
}

Does your team offer paid customizations of any kind? Just asking on behalf of our client.

Kind Regards,

Attachments:

You must be logged in to view attached files.

Hello,

We do not provide paid services, our support covers only fixing and guiding withing WoodMart theme, sometimes, we provide minor CSS even though it is beyond our support. If you need considerable customization you will have to find a developer or company.

Best Regards

Hello, Elise.

Thank you for this information. You may please close this ticket.

Have a lovely day!

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

Best Regards

[Author]

Posts