I want to make a multi-colored product with multiple images

Hello, I want to make products like the link sent
When choosing a specific color of the product, several images of this color appear, and the images of the rest of the colors disappear, and so on
How can I do that or is there an additional plugin to do it?

https://www.trendyol.com/soho-exclusive/beyaz-unisex-sneaker-14361-p-34108167

Hello,

Go to Products > Attributes > edit Attributes and enable the option Change product image on attribute click.
Please read and follow the instructions provided here: https://xtemos.com/docs/woodmart/variable-products-swatches/

Best Regards.

Thank you very much
In the attached product, I added two colors, and each color has several sizes, as shown in the screenshots
But when browsing the product and choosing a color or size, it is not specified

Attachments:

You must be logged in to view attached files.

Hello,

Check back your site after completely clearing the browser cache.

Check this Product:
https://julia-style.com/product/change-image-on-varition-test/

Best Regards.

Welcome
I want to translate the words marked in red
And the word marked in black I want to remove

Attachments:

You must be logged in to view attached files.

Hello,

01. Go to Theme Setting > Shop > disable the option size guide for the marked in black.

02. Please use the Loco translate plugin on your site. After installing the plugin please Navigate to Loco >> Themes >> Woodmart >> Edit the translation which you are using for the site >> Click the Sync button >> Find the words and add the translation for them and save it.

Also, please Navigate to Loco >> Plugins >> Woocommerce >> Edit the translation which you are using for the site >> Click the Sync button >> Find the words and add the translation for them and save it.
Also, please Navigate to Loco >> Plugins >> Woodmart-Core >> Edit the translation which you are using for the site >> Click the Sync button >> Find the words and add the translation for them and save it.
https://wordpress.org/plugins/loco-translate/

Note:
1. Custom (recommended)
2. This is Loco’s protected folder under “wp-content/languages/loco/” which is safe from automatic updates and provides priority over the above locations.
https://localise.biz/wordpress/plugin/manual/msginit?utm_medium=plugin&utm_campaign=wp&utm_source=admin&utm_content=plugin-msginit#order
If this folder doesn’t exist you may need to create it and ensure it has the correct permissions.
https://localise.biz/wordpress/plugin/manual/filesystem

For more information please read the theme documentation here:
https://xtemos.com/docs-topic/translate-woodmart-theme-with-loco-translate/

Best Regards.

I followed these translation steps
But same problem
It is assumed that the theme is compatible with the Arabic language

2- I want to remove these icons, how do I do that?

Attachments:

You must be logged in to view attached files.

Hello,

01. Your issue has been solved. Please check the site after removing the browser cache.

02. I have added a small CSS code in theme setting > custom css in your site for the hover icon. Check back your site after completely clearing the browser cache.

Best Regards.

Thank you very much
nothing changed
The same sentences still need translation

Attachments:

You must be logged in to view attached files.

Hello, I know that there are many messages of support, but it depends on your response to launch the site
Also, I want to remove the cart from the sent screenshot

Attachments:

You must be logged in to view attached files.

Hello,

I did not see any issues or untranslated words on the site:

https://ibb.co/hdYFzrz

https://ibb.co/FmNLT0R

Best Regards.

Thank you very much for following up

1- In screenshot number “02”, there are some words specified on the product page that are not translated
2- In screenshot number “03” on the main page in the third section, when clicking on any tab, untranslated words appear as in the screenshot
3- In the screenshot No. “04”, it is assumed that you specify the variables in the product and click on “Buy via WhatsApp”. You will go to WhatsApp as on the product page
But what happens other than that, the cart page appears, and I do not want the cart page to appear. I want to take it to WhatsApp directly

Attachments:

You must be logged in to view attached files.

Hello,

1 &2. Ok, I will check and give you the possible solution. Please deactivate all the 3rd party plugins and activate only theme-required plugins on the site and then check the issue. I am sure your issue will be solved. Then Activate the 3rd party plugins one by one and check which plugin is creating the issue for you.

Otherwise, if the issue still exists then keep the 3rd party plugins deactivated and let me know I will check it further.

3. You can disable the shopping cart widget from Theme Setting > Shop > Shopping cart widget > Action after add to cart select none.

Best Regards.

Thank you for the follow-up. Part of what I want has been resolved. A little part remains
on the store page
1- When I specify the variables for one of the products, as in product No. “1”, the “ADD TO CART” button appears. I do not want him to go to the basket. I want him to go to the purchase directly.
2- In product number “2”, I did not choose any variables, and the button that appears when pressed takes me to any product page. I want to force the user to choose the variables, then go to the purchase directly

Attachments:

You must be logged in to view attached files.

Hello,

1. Go to WooCommerce > Settings > Products > Add to Cart behavior > enable the option Redirect to the cart page after successful addition.

2. If the user tries to click the “Add to Cart” button without selecting the required product options, WooCommerce displays a popup notification. Usually it will not take you to any product page. The popup message usually reads something like Please select some product options before adding this product to your cart. This is the default behavior of WooCommerce.

Best Regards.

[apolloagency288]

Thank you very much
Regarding problem number “2”.
You can try it by clicking on “Select an option” on the store page in its attachment in the second screen shot and the link attached as well
A message will not appear stating that variants need to be selected, it will take you directly to the product page

• This reply was modified 1 year, 9 months ago by apolloagency288.
• This reply was modified 1 year, 9 months ago by apolloagency288.
• This reply was modified 1 year, 9 months ago by apolloagency288.

Attachments:

You must be logged in to view attached files.

Hello,

Go to Theme Settings > Shop > Variable Products > enable the option quick shop for variable product and choose the quick shop type on select the options click.

Best Regards.

Thank you very much
The matter has been resolved, but there is one more thing
1- In the screenshot sent (1) the variable selection button appears in (2) when I select the options, the “ADD TO CART” button appears. There are two buttons, and it is assumed that one button appears to buy the product after selecting the options

2- When hovering on the product, it shows a list of favorites, comparisons, and others. How do I remove it?

Attachments:

You must be logged in to view attached files.

Hello,

01. When a user lands on the product page, they will see the “Select Options” button instead of the “ADD TO CART” button. This is because the user needs to choose the product variations (e.g., size, color) before adding the product to the cart.

After the user selects the desired product variations, such as size and color, the “ADD TO CART” button will appear dynamically. This is the default functionality of woocommerce.

02. Your issue has been resolved. I have the following added css code in theme setting > custom css.

body .product-grid-item .wd-buttons[class*="wd-pos-r"] {
    display: none !important;
}

Best Regards.

[Author]

Posts