Hide FAQ just on troubleshooting page - motion theme

[jaimie2]

It looks like when I hide the FAQ module at the bottom of the troubleshooting page , that it also hides it on the actual FAQ page. Is there code to hide it only on troubleshooting page so it can still show on the FAQ page?

Live site: https://www.walaxr.com/pages/troubleshooting

[Guleria]

Hello @jaimie2 ,

1. Create alternate template and assign to troubleshooting page. In this way whatever changes you will do in troubleshooting pages it will not impact other one.

2. Add dynamic classes in body and FAQ section after that use them in css and hide the faq section.

3. And last one use this css

#shopify-section-template--15760714367033__c9ee29d5-f374-427d-9535-d81591c61aec {
    display: none;
}

Thanks

[jaimie2]

It did not work. Is there a more in depth code snippet to use on the troubleshooting page to hide the faq module? @Guleria

[BSS-Commerce]

Hi @jaimie2

We checked your issue and saw that it seems that you embed the FQA page in the Troubleshooting page.

So now you just need to go to Online Store => Customize. Then select Page => Troubleshooting page that you created earlier:

Then you just need to hide the FAQ page section and save it:

I hope that this can help you solve the issue.

[jaimie2]

Unfortunatley, when I hide the FAQ on the troubelshooting page, it also hides it on the FAQ page. It seems linked. Anyway to hide it ONLY on the troubleshooting page and still keep it on the FAQ page.

See Troubleshooting page: https://www.walaxr.com/pages/troubleshooting

FAQ Page: https://www.walaxr.com/pages/faq

[Guleria]

@jaimie2 thatswy I said

1. Create an alternate template and assign it to the troubleshooting page. In this way whatever changes you will do in troubleshooting pages will not impact other one.
   https://www.shopify.com/in/partners/blog/shopify-alternate-templates

But I don’t think you tried anything excluding the copy/paste css method.

[BSS-Commerce]

Hi @jaimie2

It’s a bit difficult for us if only check it outside your store. If possible, please share with us your store access, and we will check the sections on the page you configure.

Looking forward to hearing from you.

[BSS-Commerce]

Hi @jaimie2

If you can not share your store access, please try the following steps:

• Step 1: Go to Online Store => Themes => More => Edit code

• Step 2: Find the file “base.css”. If there is no this file, you can choose any CSS file:

Then paste this CSS code and save the file:

.main-content:has(#shopify-section-template--15760714367033__main .rte--nomargin > h1) #shopify-section-template--15760714367033__c9ee29d5-f374-427d-9535-d81591c61aec {
	display: none !important;
}

• Here is the result:

• Troubleshooting page:

• FAQ page:

I hope that it will work for your site.