Return to previous page

Product categories view more button and categories description

This topic has 6 replies, 3 voices, and was last updated 8 months, 2 weeks ago ago by Andrew Mitchell

Lucas

Participant

April 5, 2024 at 17:48

Hi 8Theme team,

I am using the product categories element from XStore.
I would like to add the category description below the category title, change the button label “View More” to “Voir les produits” and change the style of the button.
Please see the attached files for more details.

How can I achieve this ?

Thanks a lot for your help,
Lucas

Files is visible for topic creator and
support staff only.

#390299 Copied Theme version: 9.2.9

5 Answers

Luca Rossi

Support staff

April 6, 2024 at 13:09

Dear Lucas,

We hope this message finds you well.

We would be grateful if you could furnish us with the URL that includes the Product Categories Element. This will enable us to conduct a thorough examination of the feature in question.

Additionally, if your website is currently in a construction phase, we kindly request that you provide us with the administrative credentials, namely the username and password. This will allow us to access the backend of your site for a more comprehensive review.

Thank you for your attention to this request.

Warm regards,
The 8Theme Team

#390356 Copied

Lucas

Participant

April 6, 2024 at 17:31

Hi 8Theme Team,

Thanks for your prompt answer.
Here are the URL and the credentials for website where the Product Categories Element is used (currently in construction) :

Thanks for your help,
Lucas

Please contact administrator
for this information.

#390386 Copied
Luca Rossi

Support staff

April 7, 2024 at 14:15
Hi @Lucas,

To add the category in the loop, please add the following code under functions.php file locates in your child theme:
```
add_action('woocommerce_after_subcategory_title', 'display_short_description_after_shop_loop_item_title', 999 );
function display_short_description_after_shop_loop_item_title( $category ) {
	if ( $description = $category->description ) {
		echo '<p class="category-desc '. $category->slug .' cat-description" itemprop="description">' . $description . '</p>';
	}
}
```
After that add this custom CSS under Theme Options > Theme Custom CSS > Global CSS:
```
.category-grid.content-under .categories-mask {
    display: flex;
    flex-direction: column;
}
.category-grid.content-under .categories-mask .category-desc {
    order: 1;
}
.category-grid .categories-mask a:nth-child(1) {
    order: 0;
}
.category-grid .categories-mask a:nth-child(2) {
    order: 2;
}
```
For the View More button text, you can use Loco Translate plugin. For more information, please take a look at this article: https://www.8theme.com/documentation/xstore/theme-translation/base-theme-translation/

Warm regards,
The 8Theme Team
#390482 Copied
Lucas

Participant

April 9, 2024 at 12:02

Hi @Luca Rossi,

thanks for your answer it has been a great help and it fixed my issues.
Have a nice day,

Lucas

#390847 Copied

Andrew Mitchell

Support staff

April 9, 2024 at 12:02

Dear Lucas,

We hope you’re reveling in the experience our theme brings! Your enthusiasm is what fuels our passion. Would you be so kind as to channel that energy into a 5-star rating on ThemeForest? Your feedback is the spark that lights our way!

Click here to spread the love: https://themeforest.net/downloads

Thank you for being an integral part of our journey!

Best Regards,
The 8Theme Team

#390848 Copied
Tagged: product categories woocommerce, view more button woocommerce, woocommerce categories description, woocommerce product exploration, woocommerce theme categories, woocommerce wordpress themes, wordpress category enhancement
Viewing 6 results - 1 through 6 (of 6 total)

The issue related to '‘Product categories view more button and categories description’' has been successfully resolved, and the topic is now closed for further responses

Product categories view more button and categories description

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection