This topic has 9 replies, 2 voices, and was last updated 2 months ago ago by Rose Tyler
Hello,
I hope you’re doing well.
I’m trying to make a simple adjustment to my category pages but am having some difficulty. Specifically, I would like to display the product title first and the category name second. Currently, as you can see in the attached screenshot, the product name “Checkout test” is displayed before the category name “Papercards.” My goal is to have the product title appear before the category name.
I’ve explored the theme settings but haven’t found an option to achieve this. I also tried using Elementor within the product archive builder, but it doesn’t seem to support this functionality.
Could you please guide me to the correct file or location where I can make this adjustment? I’ve already attempted a few changes without success, so any help pinpointing the right file would be greatly appreciated.
Thank you for your time and assistance!
Best regards,
Don
Hello, Don,
Thank you for reaching out to us.
We can’t open your site – https://prnt.sc/9gMVwgSKpvNp Could you please confirm if there are any IP restrictions or other settings that may be preventing us from viewing the site?
Best Regards,
8Theme’s Team
Hi, Rose,
There should not be any restrictions apart from xstore restriction to view products and categories where it says “Great things on the horizon”, but why do you need to view the site? It is a usual setup.
Though, just for the sake of testing can you try to open the site again and let me know if it has opened? If it does not, I would need to investigate why also.
Hello, Don,
Private Content
Best Regards,
8Theme’s Team
Rose, but what about my initial question? Is there a technical person at 8theme.com who could pinpoint the file for this potential change? I would do the change myself.
Regarding the site, it is served only on https. https://kindfelt.com/. Thanks for pointing this. I will make a redirect.
Hello, Don,
We are pleased to inform you that your initial question can be effectively addressed using custom CSS code, for example:
.etheme-product-grid-content {
display: flex;
flex-direction: column;
}
.etheme-product-grid-title {
order: 1;
}
.etheme-product-grid-categories {
order: 2;
}
.etheme-product-grid-content .price {
order: 3;
}
Best Regards,
8Theme’s Team
Simple, thank you!
Hello, Don,
You’re welcome!
Best Regards,
8Theme’s Team
The issue related to '‘Assistance with Product and Category Display on Archive Pages’' has been successfully resolved, and the topic is now closed for further responses