How do I delete a block that's created by the app but not by the theme?

[outdoorarmory]

Hi everyone,

Good day. I am using the Xtra theme and Tabs Studio App and I hit a road block. As you can see on the screenshot below I would like to get rid of the block encircled on red because it duplicates my tab below.

The issue is: I can't see an option on the left-hand column to delete it.

Is there a way I can delete it by brute force?

Would love to get your help.

Link: https://theoutdoorarmory.com/products/injinji-unisex-the-courtney-crew-trail-mid-weight

Thank you,

Outdoor Armory

[Moeed]

Hey @outdoorarmory 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.station-tabs-tabset.mod-indicators.mod-indicators-chevrons.mod-indicators-after.mod-horizontal {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[outdoorarmory]

Hi @Moeed , thanks for your prompt response. However, the issue with that even my Tabs App gets erased. I just want that specific section encircled in red and retain my Tabs below.

Please help.

[Moeed · Accepted solution]

Remove the previous code and try this updated code with the same steps mentioned above.

<style>
.f8pr.base-font .station-tabs.rte.is-initialized.is-ready {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[outdoorarmory]

Thanks for making my day, @Moeed . Your solution is heaven sent.

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[Station]

Hi!

This is Meghan from the Station help team 🙂

@Moeed, we appreciate your great suggestion (thank you!), and while it does work to hide the first set of tabs, it doesn't completely remove them, so we recommend a different approach.

The original issue is that tabs have been added to the product page twice, once with the 'app embed' (which automatically shows the tabs wherever the product description is, or below the 'add to cart' buttons if the description can't be found), and once with the 'app block' (which shows the tabs wherever the block is placed on the page).

Since the app block was manually added to the page, the best thing to do would be to disable the automatic location for the tabs by following these short steps:

1. From your Shopify admin, go to Online Store > Themes.
2. Click Customize for the theme that you want to edit.
3. Click App embeds.
4. Under Find location for tabs, select Off (see the image below).
5. Click Save.

That should do it!

Best regards,

Meghan