I need some support please

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.

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

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.

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.

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.

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

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.

Yes, here is a code snippet for this

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

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.

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.

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.

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