Move category description down the products

Hi @emyabdel

Thanks for the web page link.

I have checked it but I did not get your question correctly. Can you please elaborate it a little more with some rough screenshot? so I can get your point and help you my best.

Thanks for your interest. If you visit the link you will find a description then products under it. I want to make the products above the description

Hi @emyabdel

Yes, You can achieve this.

Kindly create the child theme of “Vendd”. Now you need to copy the file /themes/vendd/content/content-archive-download.php and put it into the child theme at same location.

Now change the thing as you want. Simply put the category description code below at product listing.

OR you can try below CSS trick also for this.

Please add this CSS snippet to your WordPress Customizer > CSS section and save it.

.archive.tax-download_category .site-main{display: flex; flex-direction: column;}
.archive.tax-download_category .site-main .download-term-header{order:2;}

AH the CSS works thanks so much. To put the category description code below at product listing, I don’t know what is the category description code (I’m newbie) but the CSS worked so I’m happy.

I asked also that I want to remove the category title, if you visite the URL you will find: Category: Back To School SVG. I need a CSS to remove all this, please.

And if you have time, I have two more things that I need CSS for them please:
1/ At those pages (they’re pages and not categories), I need to move the description again under products
https://teesvg.com/shop/
https://teesvg.com/svg-bundles/

2/ This is a product page example:
https://teesvg.com/downloads/100-llamazing-days-svg/
For desktop all is perfect but for mobile, downloads details with the add to cart button, and downloads cart are at the bottom of the page, I want move them just below the product image.

That’s all, I know it’s too much you can help as you can, thanks again

Hi @emyabdel

Thanks for your response.

For your query,
1) I want to remove the category title, if you visite the URL you will find: Category: Back To School SVG.
— Are you talking about this page URL https://teesvg.com/downloads/category/school-svg/back-to-school-svg/ and the above breadcrumbs https://prntscr.com/r7c6bm

2) At those pages (they’re pages and not categories), I need to move the description again under products
— The page you are talking about is a default page. It looks like that the content is added in page editor.

Please edit the page WordPress admin and check the editor content. I think the content is added in it.

If this is the case then you just need to put the content after the EDD shortcode. That’s it.

3) For desktop all is perfect but for mobile, downloads details with the add to cart button, and downloads cart are at the bottom of the page, I want move them just below the product image.
— I have checked the single product page and found that the theme vendd does not display purchase button below the product description.

Generally EDD does this. In vendd theme they are displaying in a side bar.

So it can not be achieved with simple CSS. You need to do it by custom code or file change.

You can add below code to your theme/ child theme functions.php file and it will display the purchase button code below at product description so user does not have to scroll at last.

add_action( 'edd_after_download_content', 'edd_append_purchase_link', 11 );

1- yes I’m talking about this link:
https://teesvg.com/downloads/category/school-svg/back-to-school-svg/
I understand now, the CSS that you gave me makes the products above the description like I asked but it hides the category description. Just because I’m logged in I can see it:
https://prnt.sc/r80z2m
but when I log out, I can’t see it too. So I want a CSS that makes the products above the description + everybody can see the category description either they are logged in or out.

I want also to remove the category title: Category: Back To School SVG.
see the image I surround it with a red circle: https://prnt.sc/r80z2m

2- Yes it’s like you said, thank you.

3- This code adds the add to cart under the description but I didn’t like this placement. Is there a code that adds the add to cart exactly just under the title? it’s very important.
+ in downloads sidebar, I use downloads details widget where I checked “Show Purchase Button”, I want also to keep it but this code stops to show the commercial use price choice on it, I can see just the personal use choice now.
In other words, in products where I Enable variable pricing, the price option 2 doesn’t show up after adding this code in EDD download details widget.
How to resolve this problem and thanks so much.

• This reply was modified 5 years ago by emyabdel.

for 3- I got exactly what I want with this:
if ( wp_is_mobile() ) {
add_action( ‘edd_before_download_content’, ‘edd_append_purchase_link’, 11 );
} else {
add_action( ‘edd_after_download_content’, ‘edd_append_purchase_link’, 11 );
}

But I still have the problem that after using the code that you gave me:
I use downloads details widget where I checked “Show Purchase Button”, I use Enable variable pricing to show 2 prices. After adding the code, always the last price doesn’t show up in the downloads details widget. If I use 2 prices, the second doesn’t show up and I tried 3 prices and I got that the third price doesn’t show up, so this code causes that always the last price doesn’t show up in download details widget, If you have a solution it would be great. (even if I remove the code, this problem still exists).

Hi @emyabdel

Sorry for my delay response.

I have checked your page https://teesvg.com/downloads/2nd-grade-boys-shark-svg/ and I can see both the purchase options. “Personal” and “Commercial”.

It looks like that your problem has been solved. right? If the issue is still there then please provide me the exact page URL on which the issue is generating.

I have checked your page https://teesvg.com/downloads/category/school-svg/back-to-school-svg/ and yes, I can not see any description. I have checked it and found that category description is hide via CSS span.term-title-primary this class.

Can you please verify this?

For the last price problem, I found a CSS that caused the problem, I removed it and it works now.

for span.term-title-primary I tried it, If I make: display: none for this class: span.term-title-primary it removes not just the category title but also the description. I want to remove just the category title

And please if you have a solution for this: the show terms button in the checkout page, When I click on it, nothing happens and terms don’t show up (before it worked). in edd Terms of Agreement setting, Agree to Terms box is checked and terms are entered. You can go to this page, add to cart and checkout, click on show terms to understand:
https://teesvg.com/downloads/100-llamazing-days-svg/

As a bonus, if you can help me to make a checkout page like this (for just the paypal button and show terms styles).To understand more I recorded this video for you:

Thank you

Hi @emyabdel

1) For the last price problem, I found a CSS that caused the problem, I removed it and it works now.
– Glad to hear that ??

2) for span.term-title-primary I tried it, If I make: display: none for this class: span.term-title-primary it removes not just the category title but also the description. I want to remove just the category title

– I have checked the theme file /content/content-archive-download.php and it looks like that they forgot to close the <span class="term-title-primary"> tag.

This is the reason so category title and description both are hiding. Kindly inform them so their support team will solve the issue.

Meanwhile you can edit the file and close the markup until they release a new version.

3) When I click on it, nothing happens and terms don’t show up
Ans – I checked the checkout page and found that there is an error of Java Script. You can refer this screenshot https://prntscr.com/rcho9z

Due to JS error the terms and condition button is not working.

The error is because the ‘jQuery.js’ file loading in footer. This is only the file it should be load in header.

This generally happens with an third party plugins. Please try to load this JS in header and your problem will be solved.

Perfect instructions, all works now thanks soo much.
Just a last thing that I’ve asked before, after adding this:
.archive.tax-download_category .site-main{display: flex; flex-direction: column;}
.archive.tax-download_category .site-main .download-term-header{order:2;}
the category description appears for logged in users, but for normal people who visits the site (without login) it doesn’t appears. Any thing to do, so the description appears for everybody?

Hi @emyabdel

Thanks for your response.

This is just the CSS (styling) code. It does not perform any action for specific case like logged in user or logged out user.

.archive.tax-download_category .site-main{display: flex; flex-direction: column;}
.archive.tax-download_category .site-main .download-term-header{order:2;}

When I see this page https://teesvg.com/downloads/category/school-svg/back-to-school-svg/ I can not see any description because it is hidden by this CSS.

span.term-title-primary{color:#f90;font-size:26px;display:none}

So try to find out from where this is coming or there is an issue with caching.

Thanks for the replay. I searched for this CSS and I found it in cache/critical-css/ so I removed display:none and I can see the description now thanks so much.

I know that I asked so many questions I’m really sorry but I think this one will be the last one.
I use mail poet plugin to send emails to customers and I use Easy Digital Downloads – MailPoet plugin that shows a Signup box on the Checkout page that people can check if they want to subscribe to my newsletter. The problem is that even if you check the box to subscribe to my newsletter or you don’t check it, you’re added to my subscriber’s list. I think there’s a problem somewhere in the Easy Digital Downloads – MailPoet plugin because I found someone who uses the plugin and has the same problem as me. I’m using the latest plugin update and I contacted the plugin team but I didn’t get an answer. I don’t know if you can help me to make this checkbox works correctly, perhaps it’s just a javascript problem or something else. Thanks

Hi @emyabdel

Glad to know that your problem has been solved.

Can you please provide me the plugin link which you are using for EDD MailPoet?

sure i’m using this plugin:
https://easydigitaldownloads.com/downloads/mailpoet/