sakeeley22 Posted November 28, 2022 Share Posted November 28, 2022 Hi, I'm working with a client https://www.veganfairs.co.uk/ and they would like to add unique content to the top of each category page. For example https://www.veganfairs.co.uk/upcoming-events?category=Frome will have its own content at the top of the page and https://www.veganfairs.co.uk/upcoming-events?category=Devizes will have its own unique content also. Is there a way to do this with custom css? When I'm adding it currently via the builder, it changes across all categories and the /upcoming-events page too. I've seen similar threads on this but nothing has helped so far. Thanks! Link to comment
tuanphan Posted December 2, 2022 Share Posted December 2, 2022 Hi, This will requires script code & need a Business Plan or higher. Do you still need help? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
sakeeley22 Posted December 12, 2022 Author Share Posted December 12, 2022 Hi @tuanphan, yes please! Could you provide an example of script code and where it would go? Link to comment
Solution tuanphan Posted January 10 Solution Share Posted January 10 2 options to do this Option 1. Create a new page, use Summary Block to pull events from Event Page, then you can add any text block above event Option 2. Use Script code, each page will need a different code, with this page https://www.veganfairs.co.uk/upcoming-events?category=Devizes Add to Settings > Advanced > Code Injection > Footer <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script src="https://d1j8mu9lowy9zf.cloudfront.net/twcsl/0.1d19/twcsl.js"></script> <script> var url = window.location.href; var lastPart = url.substr(url.lastIndexOf('/') + 1); if (lastPart === "category=Devizes") { document.querySelector('body').classList.add('devizes') } </script> <style> .devizes .sqs-events-collection-list:before { content: "enter description what you want"; display: block; margin-bottom: 30px; } </style> Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment