cell phone product card modifications

Hello, Is there any possibility that you can send me the code needed to get a product card similar to the one I send you in the screenshot? (www.mercadolibre.com.ar)

I think woodmar could use an alternative between one and two columns on the cell phone. Something that allows to show the 70 characters of a title, without having to shrink the typography to limits that make it unreadable, or having to cut them showing only two lines of title.

Thanks.

—————————————————————
pd: the product labels are another problem too (hot, new, sale). when used in another language, hot becomes “recommended” or “selected” or “best selling”. then the labels look bad in the mobile version as the words are much longer. maybe they can add this to the theme developers’ requests.

Translated with http://www.DeepL.com/Translator (free version)

Attachments:

You must be logged in to view attached files.

Hello,

Sorry to say but right now there is no option in Theme Settings available to achieve that. It requires Customization and this is beyond our limitations and support policy scope. Hope you can understand our limitations.

Also, I will send your suggestion to the team and they consider it.

Kind Regards

Hi luke. ok i understand perfectly. i will see if with some developer i can achieve something similar…..

maybe you can help me with this. I updated elementor to the latest version. Is it possible that there is some incompatibility problem or some bug?

i send you a screenshot of how the widget images look like now.(huge)

Also from the hosting, they changed the domain name of my site by my request. I will let you know in case it has something to do with this change in the size.

Thank you!

Translated with http://www.DeepL.com/Translator (free version)

Attachments:

You must be logged in to view attached files.

Hello,

The image size depends on the width of the sidebar, so would be better if you check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand is it our theme issue or not.

Looking forward to hearing back from you!

Kind Regards

is that apart from the much larger image, it changes the way the widget displays the information.

In the screenshot I sent you, the photo appears large over the text. Until yesterday, before updating elementor, the widget image was on the left (small) and the text on the right of the image.

i already tried to make the sidebar of the single product page smaller. same problem.

i deleted the widgets and put them back. Same problem.

Could you tell me how can I return the widgets to the default format? thanks

Translated with http://www.DeepL.com/Translator (free version)

I am sending you a screenshot of what the same widget looks like in the sidebar of the wcfm vendor’s store.

This is the same way it looked in the sidebar of the woodmart single product page before updating elementor.

I want to go back to this widget format

Attachments:

You must be logged in to view attached files.

i update you. as i have another woodmart theme activated with dokan, i looked for the properties of the widgets of the single product page and i saw that they were different or missing in the theme in the woodmart installation i am currently working on. i copied them and added them to the css of the desktop version and it worked.

so i copied them and added them to the css of the desktop version and it worked fine. i still don’t know why the error occurred. i leave the code i used.

.product_list_widget>li .widget-product-wrap {
display: flex;
}

.product_list_widget>li .widget-product-img {
flex: 0 0 auto;
overflow: hidden;
margin-right: 15px;
}

.product_list_widget>li .widget-product-info {
flex: 1 1 auto;
}

.product_list_widget>li img {
float: left;
min-width: 65px;
max-width: 65px;

}

Hello,

Could you please send me access to the admin dashboard so I will investigate it?

Looking forward to hearing back from you!

Kind Regards

no problem luke, below I leave the credentials for the site.

Maybe you can also check a couple of small problems for which I also opened a support ticket.

I send you the screenshots.

you will see that in the mobile version, there are problems with some lines of text that I mark in the screenshot. I wrote specific css to make them look 16 px but they don’t change size.

there is also the eternal issue of the countdown timer. the numbers are huge and it is badly placed in the theme. i only pretend to be able to control the size of the numbers. now i have it deactivated in the shop page (catalog) because i did not find a solution.

thank you!

Translated with http://www.DeepL.com/Translator (free version)

Attachments:

You must be logged in to view attached files.

Hello,

Please review the attached screenshots as the countdown appears to be functioning properly now.

https://take.ms/xCNFX

https://take.ms/04hjp

The below code will help you to increase the size of the “Compartilo” text.

.single-product .summary-inner .wd-label.share-title {
    font-size: 16px;
}

I see that the “Soundpeats Audio” you have increased: https://take.ms/PmHDr

Kind Regards

[[email protected]]

HELLO . yes, the countdown now works fine. thank you.

I can’t fix the font problem on the cell phone. I mean those two titles (name of the store and the word “compartilo”. At least on my two phones, they look noticeably smaller than the other fonts.

If I make the size changes, use the console and the cellular view, everything looks perfect. I look from the mobile and those two lines of text look smaller.

Maybe you can figure out how to fix it.
————————————-
I also can’t find the “recently viewed products” widget that shows the products that the guest is visiting. could it have been deleted?

How can I recover it? thanks

• This reply was modified 1 year, 7 months ago by [email protected]. Reason: update info

Hello,

On my side, the “Compartilo” text looks well, here is a screenshot:

https://take.ms/Yzv8R

Please make a few screenshots of how it looks from your side for a better understanding.

Looking forward to hearing back from you!

Kind Regards

ok. i will send you a screenshot from my cell phone.

Attachments:

You must be logged in to view attached files.

Hello,

Please clear the mobile/server cache and recheck the issue.

https://take.ms/AdXyE

Let me know the result.

Kind Regards

[[email protected]]

hello. ok luke. surely it must be a problem of my two cell phone models. maybe android. i cleared the cache, even completely disabled the server cache.

another issue. I updated the theme and it is possible that it got slower. the queries more than doubled on the single product page.

The advanced typography settings (more than 7) were all deleted. not even the default setting which is the product one. i will see if i can dump a backup copy on the server.

I send screenshots.

• This reply was modified 1 year, 7 months ago by [email protected]. Reason: update

Attachments:

You must be logged in to view attached files.

Hello,

Right now the size of the product title affects by the custom code from Theme Settings -> Custom CSS.

https://take.ms/Sn3a7

I have checked the loading speed of the product page, and the speed is very well: https://take.ms/5xTT3

Let me know if you have any questions, I’d be happy to answer them.

Kind Regards

ok. i corrected the title. thank you.

I made a html block that I put in the prefooter to show the recently viewed products (do you think this is a good or bad idea?).

With what code can I make the products look aligned like the rest of the products?

I am sending a screenshot of the setting that I would like to apply.

I thought I saw in some of the predesigned html blocks of woodmart, that there was a product block that allowed the alignment for the products, but maybe I’m wrong because I could not find it.
————————————————
Is there any filter that allows me to create (or display) a page with all the featured products?

like the stock filter, for example, that allows to show all the offers. i would like the same with the featured products.

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the delay.

1. Please send me a link to such HTML Block so I will check the alignment.

2. I suggest you use the “Product (grid or carousel)” element to achieve that: https://take.ms/zFbrb

If you would like to discuss the issue further, our customer support team is here for you.

Kind Regards

Regarding the alignment of the “recently viewed products” block, I solved it by removing it because it doesn’t look good if placed in the prefooter area.
(I think Woodmart should have the option to place a custom block under “related products”). So it’s solved.

As for “featured products”. I mean how to have a link that takes the site navigator to see “all featured products”.
I can place in the widget specific to the single product page, about 5, 10, or 15 max. But what if the site has 300 products and there are 50 featured products? There should be a way to put a link “see all featured products”. I send you 2 screenshots for you to understand me better.
—————————————————————–
I have a couple of problems with the single product page.
This didn’t happen before, so maybe it’s a new bug.
It always happens on pages where the countdown is enabled.
I send you 2 screenshots with the detail.
The weird thing is that it fixes itself by refreshing the screen.

Thanks Luke!

Attachments:

You must be logged in to view attached files.

Hello,

Sorry for the delay.

1. As for the “featured products”, I suggest you activate the “Grid” style and use the “Infinite scrolling” button: https://take.ms/xHHoA

Or you can show a few “future products” and define the button below with the link to another page that has all these products: https://take.ms/tw3e7

2. The issue in your custom CSS code: https://take.ms/srZQ7 , please comment it and recheck the issue.

If you still have further questions, please don’t hesitate to reach out. We’d be happy to talk through them with you.

Kind Regards

Hello. No problem for the delay.

1 – I put the products back as a widget in the right sidebar. Anyway you need links that lead to “all featured products” or “all offers”. Probably later in some woodmart update.

2 – ok. you were right. remove the css and i moved the wcfm custom fields around. But I see that they don’t fit well. They produce a noticeable white space. any ideas about this?

I don’t know why that wcfm “clearfix” space keeps appearing when no text is displayed.
Do you know how to correct it (send screenshot)?

thanks!

Attachments:

You must be logged in to view attached files.

Hello,

1. I will send your suggestion to the team.

2. As we can see, that space comes from the “WCFM” plugin so would be better to contact their support for further solutions.

I’d be happy to assist if you have any other questions or concerns.

Kind Regards

ok. thank you.

How can I remove the search bar that appears when it does not find search terms? I wanted to remove it but the header search bar also disappears.

Attachments:

You must be logged in to view attached files.

Hello,

Try to use the below code for help.

.content-without-products .no-products-footer {
    display: none;
}

Thanks for your time and have a great day.

Kind Regards

perfect, as usual. thanks luke!

Hello,

You are welcome! In case you need any additional help, I’d be more than happy to assist you.

Wish you all the best.

Kind Regards

[Author]

Posts