Product Page Customisation

Please check the link.

Hi,

You can change the border with the following CSS code, but unfortunately you can’t resize them to 80×80

.product-image-thumbnail img {
	border: 2px solid #efefef;
}

Regards

Thanks a lot. If I use 1px border then border on the right side is not visible

Sorry, but we can’t change it inside this images carousel. Try to use 2px or keep them without borders.

Thanks. Is it possible to add extra shadow to product summary block?

As we can see, you have already added that shadow.

Is it possible if I want to show the product summary block shadow only on desktop and tablet?

You can add your custom CSS code for desktop and tablet devices in Theme Settings -> Custom CSS.

I found that my product page on iPad is quite different than woodmart demo. On iPad my product page showing the mobile view whereas your demo shows the desktop view. Would you please tell me what is the problem?

Hello,

Actually, it is a bug on our demo and it is displayed incorrectly and we fixed it in our last update. We just didn’t push the latest hotfixes to our demo website.

Regards

Is it possible to move the “add to wishlist” button and place it beside the quantity button?

Thank you.

Sorry, but there is no such option in YITH wishlist plugin.

Thanks a lot. Is it possible to design the “add to wishlist” as a button and place the button below the “add to cart” button?

As we said, there is no other option for the wishlist button in our theme.

Hi, I want to remove the border from the brand image in single product page.

Hello,

Please add this CSS code in order to remove the border:

.product-image-summary .woodmart-product-brands a {
    -webkit-box-shadow: 0 0 2px rgba(0,0,0,0);
    box-shadow: 0 0 2px rgba(0,0,0,0);
}
.product-image-summary .woodmart-product-brands a:hover {
    -webkit-box-shadow: 0 0 6px rgba(0,0,0,0);
    box-shadow: 0 0 6px rgba(0,0,0,0);
}

Kind Regards

Hey, I am using the official Woocommerce Warranty plugin to manage my warranties.

So, I am getting the warranty info in the sticky add to cart too. How do I remove it from the sticky add to cart. Please check the image for more

Hello,

First of all, check the settings of the plugin. If there is no option, add this CSS to Theme settings > Custom CSS:

.widget_shopping_cart .variation {
    display:none;
}

Best regards

Hey,

the code you gave me did not remove the warranty information from the sticky add to cart.

Thank you

Hello,

Please replace provided above code with this one:

.woodmart-sticky-btn-cart .warranty_info{
        display:none;
}

Best Regards

Thanks that works. But the alignment of price, add to cart button and add to wishlist button has changed.

Hello,

Please check the layout: full width or not. I cannot enter your site it is under maintenance and credentials provided earlier are not workable.

Best Regards

Hi I am giving you the credential

Hello,

Please add this code to Theme Settings > Custom CSS:

.product-image-summary .single_add_to_cart_button {
    margin-bottom: 10px;
    width: 100%;
}

Best Regards

Thanks! I am using the maintenance mode provided by Woodmart. I want to exclude one custom page with a simple form from the maintenance mode. How do I do that?

Hello,

Please explain what would you like to remove. Please provide screens.

Best Regards

Please see the private content

Hello,

No, it is not possible to set any page as an exception when the maintenance mode is turned on.

Best Regards

Thanks. I am currently using images from product variations in the color attribute swatch.

However, to show the images from product variations I also have to select “pa_color” in the Grid swatch attribute to display option from the theme settings. This option enabled the functionality to swatch attribute from the category page.

I do not want to show the attribute swatch functionality on my category page.

Hello,

There is no option to configure showing on the product page and hiding on shop/category page. You can add this custom CSS to hide the images:

.swatches-on-grid{
display:none;
}

The images will be hidden both on shop page and category page.
Best Regards

[Author]

Posts