Inquiries about variable attributes and other questions

1- These points suddenly appeared, please link to explain how to use
2-How to add a variable attributes frame to be like this attached image
3- Please provide me with a link to the theme updates so that I know the latest features and additions that have been added

https://imgur.com/eoNTf12

https://imgur.com/TkytwJq

Can I add a floating WhatsApp icon through the theme, or do I need to install an external add-on?
Is there a recommendation for a specific addition in this area so that it does not conflict with the theme? Thank you

https://imgur.com/vWY0gKk

5- The default product page that comes with the theme, can it be modified using Elementor Pro?
Can it be modified? Or you must create a new page through (Layouts)

Hello,

1. This is the “Off-canvas sidebar for mobile” enabled in the Theme Settings > General layout.

2. You need to enable swatches as per this manual: https://xtemos.com/docs-topic/variable-products-and-swatches/ then provide the product URL so that we could give you custom CSS.

5. Yes, you can customize the product by means of WooCommerce layouts builder https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart

3. You need to enable the license in the theme and then you will get the option to update the theme. Please check this manual: https://xtemos.com/docs-topic/update-the-theme/

4. You can enable sticky Social icons in the Theme Settings > Social Profiles.

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

Best Regards

The theme comes with a default product page, my question is how do I modify this page and not create a new page, how do I modify the default product page attached to the theme?
Thank you

Hello,

Could you kindly advise what you want to change in the product page? You can customize the product by means of WooCommerce layouts builder https://xtemos.com/docs-cat/woocommerce-layouts-builder/?theme=woodmart

Did you try this option?

Best Regards

1- How to add a variable attributes frame to be like this attached image
I attached a link to the product I want to add the limits of the variable attributes

2- The video icon is white, can I convert it to red like this picture

https://imgur.com/RMXcWqA

[mrx77]

link here
url

• This reply was modified 2 years ago by mrx77.
• This reply was modified 2 years ago by mrx77.

Hello,

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

.swatches-select div{
border:2px solid #cecece;
padding:3px;
}
body .wd-swatch.active-swatch:after {
    opacity: 0;
}

Best Regards

2- The video icon is white, can I convert it to red like this picture

https://imgur.com/RMXcWqA

Hello,

Please replace the CSS provided with this one:

.swatches-select div{
border:2px solid #cecece;
padding:3px;
background:red;
color:white;
}
body .wd-swatch.active-swatch:after {
    opacity: 0;
}

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

Best Regards

Sorry, I may not have explained it well
I want the red color for the YouTube video icon only, please see this picture
https://imgur.com/ByDMqfs
——————
As for the variable attributes, this code is required, but it needs a slight modification

.swatches-select div{
border:2px solid #cecece;
padding:3px;
}
body .wd-swatch.active-swatch:after {
    opacity: 0;
}

When I click on one of the variable features, I want it to have a thick black frame around it that distinguishes it from the rest, please see this image for clarification
https://imgur.com/rRHAMR7

up

up

Hello,

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

.swatches-select div{
border:2px solid #cecece;
padding:3px;
}
body .wd-swatch.active-swatch:after {
    opacity: 0;
}
.swatches-select div.swatch-on-single.active-swatch{
    border:2px solid #000000;
}

This CSS for video icon:

 body .wd-action-btn.wd-style-icon-bg-text > a {
  background-color: red;
  color: white;
  font-size: 13px;
}

I cannot find a product with video. If the code does not work, provide product URL with the video.

Best Regards

[mrx77]

I cannot find a product with video. If the code does not work, provide product URL with the video.

This page contains a video link
https://bit.ly/3y3vE7F

• This reply was modified 2 years ago by mrx77.

Hello,

Please give us the page URL.

Looking forward to hearing from you.

Best Regards

This page contains a video link
https://bit.ly/3y3vE7F

Hello,

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

body .wd-action-btn.wd-style-icon-bg-text a:before {
    background-color: red;
    color: white;
}

Best Regards

[Author]

Posts