How do I find out in which CSS Theme-File a certain section on my website sits?

Technical Q&A
1

Hi all

I want to rename the category sections on my shopify website (responsive theme), but don’t know where to find the CSS code?

I’ve read the template file responsible for displaying the category section is within ‘sections’ or ‘templates’, but is there a quicker way to locate it than scrolling through every bit of code?

Many thanks

Robins and Sons Shopify query.jpg
Robins and Sons Shopify query.jpg1434×875 171 KB

2

Hello, Can you share the store url, so that we can check. Normally it comes from collection page template where you need to change. If you send the website URL , we can help you to do alternate way.

Thank you

3

https://www.robinsandsons.co.uk/collections/chocolate-gifts

Many thanks

4

We can change the text via javascript only

const toggleText = document.querySelector(".toggle");
    if (toggleText) {
        toggleText.childNodes.forEach(node => {
            if (node.nodeType === 3) {
                node.nodeValue = node.nodeValue.replace("SHOP", "STORE");
            }
        });
    }

You can insert in theme assets\global.js or base.js
It will change Shop To Store.

If you do not want via js in that case need to edit the template , Better you can check in translation area. May be it comes from translation of the sidebar

5

Hi @Robins6878

You can try to find and change it from your store admin > Apps > Search & Discovery > Filters