How do I remove unwanted code from my storefront?

Store Design
1

I Just added a wishlist to my store but now there is some code showing uo in my storefront when you click on the products.
data-section=“template–17322769809689__main” >
How do I remove it?

2

Hello @TWTCO

It’s GemPages support team and glad to support you today.

According to the video, you have added the code to the theme with the wrong structure.

To provide you with the most precise solution in this case, could you please share the home page link?

3

https://thetwtcompany.com

4

@TWTCO

Can you send me the code of the file : sections/main-product.liquid?

5
{{ 'section-main-product.css' | asset_url | stylesheet_tag }} {{ 'component-accordion.css' | asset_url | stylesheet_tag }} {{ 'component-price.css' | asset_url | stylesheet_tag }} {{ 'component-rte.css' | asset_url | stylesheet_tag }} {{ 'component-slider.css' | asset_url | stylesheet_tag }} {{ 'component-rating.css' | asset_url | stylesheet_tag }} {{ 'component-loading-overlay.css' | asset_url | stylesheet_tag }} {{ 'component-deferred-media.css' | asset_url | stylesheet_tag }}

{%- style -%}
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px;
padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px;
}

@media screen and (min-width: 750px) {
.section-{{ section.id }}-padding {
padding-top: {{ section.settings.padding_top }}px;
padding-bottom: {{ section.settings.padding_bottom }}px;
}
}
{%- endstyle -%}