Home › Forums › WoodMart support forum › I need some support please

I need some support please

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 28, 2020 at 9:23 pm #229401

    Verisato
    Participant

    Hello, I’ve been using the WoodMart theme for a few days and I’m excited about the functions. I’m using the theme together with Woocommerce + Germanized and I’m still setting up the shop.

    I need support to implement the following functions:

    Picture 1: On the product page, I would like to display similar products in the slider as you can see in the picture. There, however, the details of the purchase are displayed far too large. You can see on the picture that the settings of Germanize make this box too big due to the German text. How can I change a view of this box that e.g. only the detail view is shown or something else. The main thing is that this box doesn’t cover the entire product?

    Picture 2 and 3: Due to the fact that I offer the bracelets in different sizes (variable product), this button changes from select version to the button with the shopping cart symbol. This unsettles buyers. as the shopping cart could mean that it is bought directly or added to the shopping cart. Can I turn off this Hoover effect or can I change the description or the icon?

    Picture 4: This 360-degree view button can be seen on the Woodmart demo page. I would like to display this button on the product page as well as in the demo in the product image. How can I also display this button?

    Attachments:
    You must be logged in to view attached files.
    September 29, 2020 at 6:11 am #229475

    Artem Temos
    Keymaster

    Hello,

    1. Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

    .woodmart-buttons .wc-gzd-additional-info {
  display: none;
}

    2. Use the following CSS to disable the hover

    .wd-add-btn-replace .add-to-cart-loop:focus span, .wd-add-btn-replace .add-to-cart-loop:hover span, .woodmart-hover-base:not([class*=add-small]) .wd-bottom-actions .add-to-cart-loop:focus span, .woodmart-hover-base:not([class*=add-small]) .wd-bottom-actions .add-to-cart-loop:hover span {
    -webkit-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
}

.wd-add-btn-replace .add-to-cart-loop:before, .woodmart-hover-base:not([class*=add-small]) .wd-bottom-actions .add-to-cart-loop:before {
  display: none;
}

    4. You need to upload your images set to the 360-degree gallery while editing your product in the admin panel.

    Kind Regards

    September 29, 2020 at 11:24 am #229594

    Verisato
    Participant

    Hello, thanks for your help. Everything worked.

    I still need one more modification:

    Picture 5 + 6: I use the sticky “add to cart” bar as shown in picture 5. The product was also selected in the variation. Nevertheless, it is shown below that the option should be selected by the customer. As soon as “select options” is clicked, it is scrolled upwards.
    Is it possible that if no size has been selected, “Select size” is displayed below and then when you click on it scrolls up?
    AND that when a size has been selected it is displayed “in the shopping cart” and the item is put in the shopping cart?

    Attachments:
    You must be logged in to view attached files.
    September 29, 2020 at 12:23 pm #229628

    Artem Temos
    Keymaster

    Sorry, but it is how this function works and there is no option to make it work as you described. It may be possible with additional code customization but it is out of our theme support scope.

    September 29, 2020 at 5:16 pm #229721

    Verisato
    Participant

    Hello, there seems to be a problem with the CSS code you provided.

    On the home page I currently use two elements “Products grid” and “AJAX Products tabs”. There is currently set to “Quick” in the Product Design Products Hover.
    The hover effect is shown correctly in the view on the computer. However, the quick hover is not shown in the tablet and mobile view!

    Attachments:
    You must be logged in to view attached files.
    September 30, 2020 at 6:12 am #229799

    Artem Temos
    Keymaster

    Try to put the code for desktop devices only in the Custom CSS section.

    September 30, 2020 at 9:14 am #229844

    Verisato
    Participant

    hello, i tried different combinations. This one (picture 1) seems to be the right one.

    Can you please also create a code with which I can hide the Woocommerce-Germanized text in the hover effect in the shop? The text should not be removed from the product page when purchasing 😉

    Attachments:
    You must be logged in to view attached files.
    September 30, 2020 at 11:05 am #229867

    Artem Temos
    Keymaster

    Yes, here is a code snippet for this

    .woodmart-add-btn .wc-gzd-additional-info {
  display: none;
}
    September 30, 2020 at 10:53 pm #230028

    Verisato
    Participant

    Hello, thanks again for your help. Everything went well. I stumbled upon another problem with Germanized.

    In picture 9, the text on the German tax is again too large.
    I would either have to hide it completely or change it with my own text. Can you help me with that again?

    Thank you
    Verisato 😉

    Attachments:
    You must be logged in to view attached files.
    October 1, 2020 at 6:30 am #230073

    Artem Temos
    Keymaster

    In this situation, you need to contact plugin’s devs and ask how you can remove their text from the shop page completely. It is not possible to disable the text with custom CSS there, unfortunately.

    October 1, 2020 at 10:19 am #230149

    Verisato
    Participant

    Hi i understand I changed the possible number that can be displayed. This solved the previous problem. 😉

    Is it possible to replace the text “Select version” (Ausführung wählen) in the button with another text?

    Attachments:
    You must be logged in to view attached files.
    October 1, 2020 at 5:06 pm #230166

    Artem Temos
    Keymaster

    You can translate/rewrite all theme and plugin texts via PO file in WordPress. Here is a video tutorial that should help you translate your website texts with a Loco Translate plugin https://www.youtube.com/watch?v=D3NsDdMzsls&list=PLMw6W4rAaOgKKv0oexGHzpWBg1imvrval&index=3

    Please check the video tutorial to see how to save the translation file correctly. You can remove the plugin and translations would remain. Also, translations would remain after each theme update.

    Best Regards

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)