Summary below product

Hi, I want to have summary in table below each product and not on hover as in link below. http://gold-master.com/

Kindly check attached

You in comments told me will be done in simple CSS customization

Can you help me in that

Appreciate your Quick response

Attachments:

You must be logged in to view attached files.

Hello,

First of all thanks for choosing our Theme, we are glad to be you in the WoodMart WordPress family :).

I saw the screenshot you attached.

Please provide the Url of your website to check it myself and help you out accordingly.

Best Regards.

Hello Aizaz Imtiaz Awan,

Kindly check below my website link:

http://metal.metaldetectorlb.com

Appreciate your help.

Hello,

Please provide the admin panel login details of the website to check it myself and help you out accordingly.

Best Regards.

Please see the login in private content.

Hello,

Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-hover-base .fade-in-block {
    position: static;
    visibility: visible;
    opacity: 1;
}

.woodmart-hover-base .content-product-imagin {
    height: 510px;
}

.product-grid-item {
    box-shadow: 0 0 5px rgb(0 0 0 / 15%);
}

Regards.
Xtemos Studios.

Thank you very much

1. Can I increase the height so that can display all the additional information.
As warranty is still not shown. kindly check link below to and check products height.

https://www.gold-master.com/en/device/cobra-gx-8000-en/

2. How can I have additional tabs like in link below as you can see “QUICK OVERVIEW” then the tabs.

https://www.gold-master.com/en/device/cobra-gx-8000-en/

3. How to change all theme color from green to #ed2025

I have shared before the login credentials in same ticket

Regards

Hello,

You are Most Welcome.

1) Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.woodmart-hover-base .content-product-imagin {
    height: 575px;
}

.woodmart-more-desc {
    max-height: 130px;
}

2) Please provide a relevant screenshot to check it myself and help you out accordingly.

3) You can try setting the colors from Theme Settings >> Styles and Colors.

https://xtemos.com/docs/woodmart/theme-settings-panel/#styles_colorsf5f8-ed0b

Best Regards.

Hello,

Kindly check screen-shot asked about for below request shared before.

1. How can I have additional tabs like in link below as you can see “QUICK OVERVIEW” then the tabs.

https://www.gold-master.com/en/device/cobra-gx-8000-en/

2. Also I want to ask about how have another language in my site like adding Arabic language
As I see in suggestions to have WPML plugin so can you kindlyu share plugin link and documentation and is it Free ?

3. How to add different currencies like USD and LBP and let visitor switch between ?

4. how to have whats-app added to the left side and social icons to the right side as in link below and screenshot shared named as social-icons.

https://www.gold-master.com/

Attachments:

You must be logged in to view attached files.

Hello Team,

Kindly is there any update on above ?

Appreciate your Quick response

Hello,

1) You can try adding extra content to the product then assign the HTML block to it and set the position according to your needs.

https://xtemos.com/docs/woodmart/html-blocks-2/#extra_content_options

2) WPML is a paid plugin you have to purchase to make your website multilingual.

You can read our detailed documentation in the following link:
https://xtemos.com/docs/woodmart/translation/
https://wpml.org/

3) Currency switcher is also WPML functionality. You can enable it as mentioned in WPML documentation:
https://wpml.org/documentation/related-projects/woocommerce-multilingual/

4) Sorry but there is no such option available for that.

Regards.
Xtemos Studios.

Hello Team,

How can I have the product attributes viewed in table horizontal not vertical

like “Brand” “Depth” “Made In” “Warranty” (beside each others and not below each others)

I have shared screenshot from my site (red one) and another screenshot from the website to be like

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached.

Sorry but there is no option in Theme Settings available for that. And it is not possible with Simple Custom CSS.

It requires customizations and this is beyond our limitations and support policy.

Best Regards.

Hello Team,

Ok no problem than please want your help to change the box edge shape to curve as in attached.

And the line between the item description to be straight as in screenshot and not dotted

And to have spaces between boxes as in screenshot attached.

Attached 2 screenshots 1st how to be and the 2nd is how it is currently

Thank you in advance

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshots you attached. Please try adding the following Custom CSS in the Global Custom CSS area under Theme Settings >> Custom CSS.

.product-grid-item tr.woocommerce-product-attributes-item {
    border-bottom: 1px solid #E6E6E6;
}

.product-grid-item {
    box-shadow: 0 0 10px rgb(0 0 0 / 15%);
    border-radius: 20px;
    margin-left: 22px;
    max-width: 22%;
}

Best Regards.

Hi Team,

Thank you very much for your great support. I need a small help, how to change “add to cart” text to be “More” as in attached.

Thank you in advance

Attachments:

You must be logged in to view attached files.

Team,

Please check urgently this as well after adding above shared code check the look of the related product.check attached.

Need to fix this please.

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

1)To change the text of the add to cart button you need to install and use the loco translate plugin.

Your path will be Loco Translate >> Plugins >> WooCommerce.

You can also watch the video in our detailed documentation at the following link: https://www.youtube.com/watch?v=D3NsDdMzsls

2)Please replace the previous Custom CSS with the following in the Global Custom CSS area under Theme Settings >> Custom CSS.

.home .product-grid-item {
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
    border-radius: 25px;
    margin-left: 22px;
    max-width: 22%;
}

Best Regards.

Hello Team,

Above code works only on home page. I want it to all pages.

Also check attached how it looks on phone. Please fix it

Thank you.

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

To make this CSS work on all categories pages and shop pages. Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.woodmart-archive-shop .product-grid-item {
    box-shadow: 0 0 10px rgb(0 0 0 / 25%);
    border-radius: 25px;
    margin-left: 22px;
    max-width: 22%;
}

And the mobile layout issue is happening due to your requirements of adding margins between the grids. Please move the Custom CSS I provided previously to the Custom CSS for the Desktop area then it will not affect the mobile.

Best Regards.

Team,

This code causing issue in the Related products page.

And in mobile view check attached. please fix this

Ex: http://metal.metaldetectorlb.com/product/ctx-3030/

Thank you

Attachments:

You must be logged in to view attached files.

Team,

Kindly is there any update ? As the shared code cause issues in mobile view please check attached and in the Related products pages also screen-shot attached.

please help and fix

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

I have logged into your website and fixed the issue. Please clear cache and check back.

Regards.
Xtemos Studios.

Hello Team,

Still on phone box not shown and on the related product page another box style appears.

Also check attached in shop page the icons of wish-list and compare and not appearing any advice ?

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

1. I have fixed and updated the Custom CSS code, please check your site on mobile and desktop as well.

2. Also, the icons are showing fine on all devices, I did not find any issue: https://ibb.co/WGNkS25

Best Regards.

Hello Team,

How to fix the edges as box is gurve but check attached how image edges appears out the box. want to hide them

Thank you

Attachments:

You must be logged in to view attached files.

Hello,

I saw the screenshot you attached.

Please try adding the following Custom CSS in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.product-grid-item .hover-img img {
    margin-top: 8px;
}

Best Regards.

Hello Team,

Code added to Theme Settings >> Custom CSS. but issue still the same kindly check and fix.

Thank you

Hello,

Please try and replace the previous Custom CSS with the following in the Custom CSS for Desktop area under Theme Settings >> Custom CSS.

.product-grid-item .hover-img img {
    margin-top: 8px !important;
}

Best Regards.

Hi Team,

It is still the same. I am not talking about the hover image I am talking about the main image

Check attached.

Thank you

Attachments:

You must be logged in to view attached files.

[Author]

Posts