Hey is there any way to insert a table in collapsible content? I have a Dawn theme. For example, I have this information in a metafield and need it to be a table.
1 Like
HI @elektrolt , Where do you want to add collapsible table on your website? also please share your website link so I can check your website.
Best
Rohail Ali
do you add content in table in product admin content
Hi @elektrolt By default there is no way you can turn this data into the table.
Does your every product has a unique value for this or do multiple products have the same data for this filed?
Hey, every product will have unique values
how many total products are there?
@Ahsan_ANC There will be around 100 products
it’s a tricky one, we will need to add 100 tables to the main-product.liquid file and they will be shown based on the product title.
I have another plane. is your data will be 2 columns and fixed number of rows?
@Ahsan_ANC I am thinking about just making those tables as images and add them as a metafield, but it will take a lot of time to make individual table.. There will be 2 collumns in all tables, but I will need a various number of rows. For example: for product infomation I will need 7 rows, for product measurments 5 rows.
I will need some logic, Can you wait for a day I will create a solution tomorrow? currently, a lot of community users are online to get help.
Sure, no problem, thank you very much! @Ahsan_ANC
…
Hi @elektrolt please share the main-product.liquid file code so i can update it
{{ '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 -%}
{%- assign first_3d_model = product.media | where: “media_type”, “model” | first -%}
{%- if first_3d_model -%}
{{ ‘component-product-model.css’ | asset_url | stylesheet_tag }}
{% if product.images != null %}
{%- for media in product.media -%}
{% if product.images.size > 1 %}
{% if media.media_type == "video" %}
{{ media | media_tag: image_size: "720x", autoplay: true, loop: loop, controls: true, preload: "none", autoplay: true, height: "100%", width: "100%" }}
{% else %}
![{{ media.alt | escape }}]()
{% endif %}
{%- endfor -%}
{%- for media in product.media -%}
![{{ media.alt | escape }}]()
{%- endfor -%}
{% endif %}
{% else %}
{{ 'product-1' | placeholder_svg_tag }}
{% endif %}
{%- assign product_form_id = 'product-form-' | append: section.id -%}
{%- when 'price' -%}
{%- when 'quantity_selector' -%}
{%- when 'variant_picker' -%}
{%- unless product.has_only_default_variant -%}
{%- if block.settings.picker_type == 'button' -%}
{%- for option in product.options_with_values -%}
{{ option.name }}
{%- for value in option.values -%}
{{ value }}
{%- endfor -%}
{%- endfor -%}
{%- else -%}
{%- for option in product.options_with_values -%}
{%- for block in section.blocks -%}
{%- case block.type -%}
{%- when ‘@app’ -%}
{% render block %}
{%- when ‘text’ -%}
{{- block.settings.text -}}
{%- when 'title' -%}{{ product.title | escape }}
{{ product.title | escape }}
{%- render 'price', product: product, use_variant: true, show_badges: true, price_class: 'price--large' -%}
{%- if shop.taxes_included or shop.shipping_policy.body != blank -%}
{%- if shop.taxes_included -%}
{{ 'products.product.include_taxes' | t }}
{%- endif -%}
{%- if shop.shipping_policy.body != blank -%}
{{ 'products.product.shipping_policy_html' | t: link: shop.shipping_policy.url }}
{%- endif -%}
{%- endif -%}
{%- assign product_form_installment_id = 'product-form-installment-' | append: section.id -%}
{%- form 'product', product, id: product_form_installment_id, class: 'installment caption-large' -%}
{{ form | payment_terms }}
{%- endform -%}
{%- when 'description' -%}
{%- if product.description != blank -%}
{{ product.description }}
{%- endif -%}
{%- when 'custom_liquid' -%}
{{ block.settings.custom_liquid }}
{%- when 'collapsible_tab' -%}
{% render 'icon-accordion', icon: block.settings.icon %}
{{ block.settings.heading | default: block.settings.page.title }}
{% render 'icon-caret' %}
{{ block.settings.heading | default: block.settings.page.title }}
{{ block.settings.content }}
{{ block.settings.page.content }}
{{ 'products.product.quantity.label' | t }}
{{ 'products.product.quantity.decrease' | t: product: product.title | escape }}
{% render 'icon-minus' %}
{{ 'products.product.quantity.increase' | t: product: product.title | escape }}
{% render 'icon-plus' %}
{%- when 'popup' -%}
{{ block.settings.text | default: block.settings.page.title }}
{{ block.settings.text }}
{%- when 'share' -%}
{% render 'icon-share' %}
{{ block.settings.share_label | escape }}
{% render 'icon-share' %} {{ block.settings.share_label | escape }}
{{ 'general.share.share_url' | t }}
{% render 'icon-close' %}
{{ 'general.share.close' | t }}
{% render 'icon-clipboard' %}
{{ 'general.share.copy_to_clipboard' | t }}
{{ option.name }}
{%- endfor -%}
{%- endif -%}
{%- endunless -%}
{% render 'icon-caret' %}
{{ 'products.product.product_variants' | t }}
{%- when 'buy_buttons' -%}
{% render 'icon-caret' %}
{%- form ‘product’, product, id: product_form_id, class: ‘form’, novalidate: ‘novalidate’, data-type: ‘add-to-cart-form’ -%}
{%- if product.selected_or_first_available_variant.available -%}
{{ 'products.product.add_to_cart' | t }}
{%- else -%}
{{ 'products.product.sold_out' | t }}
{%- endif -%}
{%- if block.settings.show_dynamic_checkout -%}
{{ form | payment_button }}
{%- endif -%}
{%- endform -%}
{{ ‘component-pickup-availability.css’ | asset_url | stylesheet_tag }}
{%- assign pick_up_availabilities = product.selected_or_first_available_variant.store_availabilities | where: ‘pick_up_enabled’, true -%}
<pickup-availability class=“product__pickup-availabilities no-js-hidden quick-add-hidden”
{% if product.selected_or_first_available_variant.available and pick_up_availabilities.size > 0 %} available{% endif %}
data-root-url=“{{ routes.root_url }}”
data-variant-id=“{{ product.selected_or_first_available_variant.id }}”
data-has-only-default-variant=“{{ product.has_only_default_variant }}”
{{ 'products.product.pickup_availability.unavailable' | t }}
{{ 'products.product.pickup_availability.refresh' | t }}{%- when ‘rating’ -%}
{%- if product.metafields.reviews.rating.value != blank -%}
{% liquid
assign rating_decimal = 0
assign decimal = product.metafields.reviews.rating.value.rating | modulo: 1
if decimal >= 0.3 and decimal <= 0.7
assign rating_decimal = 0.5
elsif decimal > 0.7
assign rating_decimal = 1
endif
%}
{{ product.metafields.reviews.rating.value }} / {{ product.metafields.reviews.rating.value.scale_max }}
({{ product.metafields.reviews.rating_count }}) {{ product.metafields.reviews.rating_count }} {{ "accessibility.total_reviews" | t }}
{%- endif -%} {%- endcase -%} {%- endfor -%} {{ 'products.product.view_full_details' | t }} {% render 'icon-arrow' %}
{% render 'icon-close' %}
{%- liquid
if product.selected_or_first_available_variant.featured_media != null
assign media = product.selected_or_first_available_variant.featured_media
render 'product-media', media: media, loop: section.settings.enable_video_looping, variant_image: section.settings.hide_variants
endif
-%}
{%- for media in product.media -%}
{%- liquid
if section.settings.hide_variants and variant_images contains media.src
assign variant_image = true
else
assign variant_image = false
endif
unless media.id == product.selected_or_first_available_variant.featured_media.id
render ‘product-media’, media: media, loop: section.settings.enable_video_looping, variant_image: variant_image
endunless
-%}
{%- endfor -%}
{% assign popups = section.blocks | where: “type”, “popup” %}
{%- for block in popups -%}
<modal-dialog id=“PopupModal-{{ block.id }}” class=“product-popup-modal” {{ block.shopify_attributes }}>
{% render 'icon-close' %}
{%- endfor -%}
{{ block.settings.page.title }}
{{ block.settings.page.content }}{%- if product.media.size > 0 -%}
{%- endif -%}
{%- if first_3d_model -%}
{%- endif -%}
{%- liquid
if product.selected_or_first_available_variant.featured_media
assign seo_media = product.selected_or_first_available_variant.featured_media
else
assign seo_media = product.featured_media
endif
-%}