Home › Forums › WoodMart support forum › I want to make a multi-colored product with multiple images

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

Viewing 19 posts - 1 through 19 (of 19 total)
  • Author
    Posts
  • July 19, 2023 at 12:07 pm #482582

    apolloagency288
    Participant

    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

    July 19, 2023 at 2:58 pm #482640

    Aizaz Imtiaz Awan
    Keymaster

    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.

    July 20, 2023 at 10:28 am #482855

    apolloagency288
    Participant

    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.
    July 20, 2023 at 3:08 pm #482956

    Aizaz Imtiaz Awan
    Keymaster

    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.

    July 26, 2023 at 4:43 pm #484372

    apolloagency288
    Participant

    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.
    July 27, 2023 at 9:35 am #484476

    Aizaz Imtiaz Awan
    Keymaster

    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.

    July 27, 2023 at 4:51 pm #484625

    apolloagency288
    Participant

    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.
    July 28, 2023 at 2:32 pm #484865

    Aizaz Imtiaz Awan
    Keymaster

    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.

    July 29, 2023 at 9:33 am #485020

    apolloagency288
    Participant

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

    Attachments:
    You must be logged in to view attached files.
    July 31, 2023 at 9:37 am #485278

    apolloagency288
    Participant

    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.
    July 31, 2023 at 5:01 pm #485441

    Aizaz Imtiaz Awan
    Keymaster

    Hello,

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

    https://ibb.co/hdYFzrz

    https://ibb.co/FmNLT0R

    Best Regards.

    August 1, 2023 at 12:09 pm #485629

    apolloagency288
    Participant

    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.
    August 1, 2023 at 5:03 pm #485742

    Aizaz Imtiaz Awan
    Keymaster

    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.

    August 2, 2023 at 10:33 am #485899

    apolloagency288
    Participant

    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.
    August 2, 2023 at 2:14 pm #485952

    Aizaz Imtiaz Awan
    Keymaster

    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.

    August 2, 2023 at 3:17 pm #485984

    apolloagency288
    Participant

    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

    Attachments:
    You must be logged in to view attached files.
    August 2, 2023 at 4:30 pm #486020

    Aizaz Imtiaz Awan
    Keymaster

    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.

    August 3, 2023 at 10:02 am #486158

    apolloagency288
    Participant

    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.
    August 3, 2023 at 2:03 pm #486240

    Aizaz Imtiaz Awan
    Keymaster

    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

Tagged: 

Viewing 19 posts - 1 through 19 (of 19 total)