Banner photos on the products

Hello, my friend
We have a problem need to your help on the product page – banner photo.
The STOCK and Discount ICON photos are all on the left postion.

Attachments:

You must be logged in to view attached files.

Hello, my friend
We want to our product page function (Add to Cart – Buy Now ) sam with this website link,.

Attachments:

You must be logged in to view attached files.

Hello, my friend

Attachments:

You must be logged in to view attached files.

Hello,

1. For cases like this, we’ve added the Custom Label functionality: https://xtemos.com/docs-topic/custom-label-builder/

Using the Single Product Layout Builder, you can add the Product Label element, select Label → Sale, and place it anywhere on your product page.

However, if you prefer not to use the Layout Builder, we can also provide you with custom CSS to achieve the desired result.

2. At the moment, there is no option to display the Add to Cart and Buy Now buttons in two separate rows. However, we are planning to add this functionality in the next update, which is scheduled to be released later this month.

3. You can change this using Advanced Typography in the Theme Settings. Simply select “Blog post title” and adjust the typography settings as needed:
https://monosnap.ai/file/XPwzprdlRYuD2FMuIcEZqbW91okpHr

Best Regards.

Hello, Aizaz
Thanks for your kind help.
About the first case, could you please supply the custom CSS to achieve the our desired result?

Hello,

Please use the custom CSS code below:

.wd .woocommerce-product-gallery .product-labels {
	inset-inline-end: 15px !important;
}

.wd .woocommerce-product-gallery .product-labels {
	align-items: flex-start;
}

.wd .woocommerce-product-gallery .product-label.onsale {
	position: absolute;
  	inset-inline-end: 0;
}

Best Regards.

Hello, Aizaz
Thanks for your kind help.

Attachments:

You must be logged in to view attached files.

Hello,

Please use the custom CSS code below:

.wd .wd-product-thumb .product-labels {
	inset-inline-end: 7px !important;
  	pointer-events: none;
}

.wd .wd-product-thumb .product-labels {
	align-items: flex-start;
}

.wd .wd-product-thumb .product-label.onsale {
	position: absolute;
  	inset-inline-end: 0;
}

wd .wd-product-thumb .product-label {
	pointer-events: auto;
}

Best Regards.

Hello, Aizaz
Thanks for your kind supportant !
But, we also need your help on the following product category.

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Hello, Aizaz
Please check the following information.

Hello,

We checked your website and can see that you provided a link to a product category where both the Description and Extra description are working, as well as another link to a product brand. We also checked the product brand and confirmed that the Description is working correctly and displaying the content. However, at the moment, there is no option to add an Extra description to a product brand.

Best Regards.

Hello, Aizaz
I am sorry to tell you that, i can not resolve this problem at all

Hello,

As we mentioned in our previous message, this is a Product Brand, for which only the description can be displayed, and it works correctly: https://monosnap.ai/file/iJpftyHdhk8f9nn7QTFSnA4LYI6sdT. However, Product Brands currently do not have an Extra Description field like Product Categories do.

Best Regards.

Hi, my friend
We have a problem on the Bottom page Design on Mobile Phone.
These information ( shop, wishlist…) can not be showed correct on the Mobile Phone

Attachments:

You must be logged in to view attached files.

Hello,

Try to add this following custom CSS code in Theme Settings > Custom CSS > Custom CSS for mobile:

.wd-toolbar a,
.wd-toolbar a .wd-tools-icon,
.wd-toolbar .wd-toolbar-label,
.wd-toolbar .wd-custom-icon {
    color: #333333 !important;
}

Best Regards

Hello, Aizaz
Thanks for your kind supportant.

Attachments:

You must be logged in to view attached files.

Hello,

Please replace the previous CSS code with the following code in Theme Settings > Custom CSS > Custom CSS for mobile to set the mobile bottom toolbar background to black and its icons and text to white.

.wd-toolbar {
    background-color: #000000 !important;
}

.wd-toolbar a,
.wd-toolbar a .wd-tools-icon,
.wd-toolbar .wd-toolbar-label,
.wd-toolbar .wd-custom-icon {
    color: #ffffff !important;
}

Best Regards

Hello, my friend
We want to our product page function (Add to Cart – Buy Now ) sam with this website link,.

Attachments:

You must be logged in to view attached files.

Hello,

Try to add this following custom CSS code in Theme Settings > Custom CSS:

.single-product .cart .button,
.single-product .cart .wd-buy-now-btn {
    width: 100% !important;
    margin-bottom: 5px !important;
}

Best Regards

Hello, Aizaz
Thanks for your kind supportant.

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to Theme Settings > Styles and Colors > Buttons > In the Advanced button styles section, you can select the “add to cart” and “Buy now” in the dropdown and change button font size, background and padding to make it like the reference site: https://postimg.cc/dLLL1JDs

Please follow this guide: https://xtemos.com/docs-topic/advanced-button-styles/

Best Regards

Hello, my friend
We need your help on the Checkout Page Design.

We want to keep the original Checkout Page design, but, just want to add additional information on the right bottom.

Attachments:

You must be logged in to view attached files.

Hi, my friend
How can we add the social media link on the right postionof home page ?

Attachments:

You must be logged in to view attached files.

Hi, my friend
How can we add the social media link on the right postionof home page ? Home page Page – Add socila media link

Attachments:

You must be logged in to view attached files.

Hello,

01. You can use the WoodMart Layout Builder to create a custom checkout layout and add the additional image and text in the right-bottom position while keeping the original checkout functionality.

Navigate to Dashboard > Layouts and create a custom layout for the Checkout page. You can use one of the predefined checkout layouts as a starting point and customize it to match your requirements.
See the available checkout layout examples here:https://imgbb.com/jyKHSN1

For more information, please refer to our documentation:
https://woodmarttheme.com/docs/category/layouts-builder/

02. You can enable the Sticky social links option to display social media icons on the right side of your website.
Navigate to Dashboard > Theme Settings > Social profiles and enable Sticky social links.https://take.ms/mQgyxw

Best Regards

Hi, my friend
thanks for your kind help.

Attachments:

You must be logged in to view attached files.

Hello,

It looks like the plugin adds its custom content using the standard WooCommerce hook. When you create a custom layout with a page builder, it doesn’t contain any default elements and hooks. It contains only those elements that you added with the page builder manually.

We have a special “Hook” element in page builder that you can place to your custom layout and then the plugin will be able to add its custom content there. But we don’t know which one exactly it needs. You can either try to select all hooks one by one or contact plugin developers for help.

Read more information here https://xtemos.com/docs-topic/custom-hooks-and-plugins-compatibility/

Best Regards

[Author]

Posts