Hello,
I need to insert some custom code on my product page right under the product description. However I can’t figure out which file is the correct file. I’m using the Ella theme and my store url is https://nahteapparel.com/
Password: maiwos
Can someone please tell me the correct file?
Hi @Only1mrsfragili ,
Please go to Actions > Edit code > snippets > product-default.liquid file, you can add the code at the bottom of the file, it will display fine.
Hope it helps!
Hi @Only1mrsfragili ,
You can find product and send me screenshot at Snippets folder, I will check it
Hi @Only1mrsfragili ,
Please go to product-page.liquid file, you can add the code at the bottom of the file, it will display fine.
Thank you so for giving me the right page! I’ trying to have it show in the same page as the product description, but at the moment it shows at the bottom of the page. Can you please tell me where to place it to have it show only when the customer is on the product description tab?
Hi @Only1mrsfragili ,
Please send me the code, I will help you check it.
Thank you so much!
Which is quality-based rather than time-based with the goal of reducing Mass Production and Wastage. Because our products are handmade for you, they require 7-10 business days before they are shipped. This production time frame allows us to produce your item/s and quality inspect them to ensure that you receive nothing but our best! Please be advised that this production time isn't included in your order's shipping/ delivery time frame and is completely separate.
Hi @Only1mrsfragili ,
Not this code, please send me the code of product-page.liquid file. I will check it.
Sorry lol
{%- liquid
assign container = section.settings.container
assign padding_full_width = section.settings.padding_full_width
assign show_sticky_info = section.settings.show_sticky_info
assign mg_top_desktop = section.settings.mg_top_desktop
assign mg_top_tablet = section.settings.mg_top_tablet
assign mg_top_mobile = section.settings.mg_top_mobile
assign mg_bottom_desktop = section.settings.mg_bottom_desktop
assign mg_bottom_tablet = section.settings.mg_bottom_tablet
assign mg_bottom_mobile = section.settings.mg_bottom_mobile
assign main_image_position = section.settings.main_image_position
assign main_image_show_custom_cursor = section.settings.main_image_show_custom_cursor
assign count_color = section.settings.count_color
assign icon_color = section.settings.icon_color
assign thumnail_layout = section.settings.thumnail_layout
assign main_image_arrows_desktop = section.settings.main_image_arrows_desktop
assign main_image_arrows_mobile = section.settings.main_image_arrows_mobile
assign main_image_counter_mobile = section.settings.main_image_counter_mobile
assign main_image_enable_parallax_mb = section.settings.main_image_enable_parallax_mb
assign main_image_layout = section.settings.main_image_layout
assign show_thumbnail_mobile = section.settings.show_thumbnail_mobile
assign max_thumbnail_to_show = section.settings.thumbnail_to_show
assign current_variant = product.selected_or_first_available_variant
assign variantCount = product.variants | size
assign featured_media_aspect_ratio = product.featured_media.aspect_ratio
if product.featured_media.aspect_ratio == nil
assign featured_media_aspect_ratio = 1
endif
assign media_size = section.settings.product_image_ratio
assign portrait_aspect_ratio = section.settings.portrait_aspect_ratio | append: ‘%’
assign zoomed_image = section.settings.zoomed_image
assign media_fit = section.settings.media_fit
assign product_image_popup = section.settings.product_image_popup
assign video_layout = section.settings.video_layout
assign show_badge = section.settings.show_badge
assign show_hot_stock = settings.show_hot_stock
if show_hot_stock
assign productMaxStock = settings.hot_stock_limit | plus: 0
endif
assign show_qty = section.settings.show_qty
assign show_subtotal = section.settings.show_subtotal
assign subtotal_style = section.settings.subtotal_style
assign show_subtotal_text = false
assign subtotal = 0
if show_subtotal
assign show_subtotal_text = true
assign subtotal = current_variant.price | money
endif
assign show_sticky_add_to_cart = section.settings.show_sticky_add_to_cart
assign sticky_atc_layout = section.settings.sticky_atc_layout
assign show_sticky_vendor = section.settings.show_sticky_vendor
assign show_tab = section.settings.show_tab
if show_tab
assign tab_layout = section.settings.tab_layout
assign tab_layout_mobile = section.settings.tab_layout_mobile
assign icon_style_layout = section.settings.icon_style_layout
assign title_font_size = section.settings.title_font_size
assign title_font_size_mb = section.settings.title_font_size_mb
assign font_weight_title = section.settings.font_weight_title
assign title_text_transform = section.settings.title_text_transform
assign title_padding_top_bottom = section.settings.title_padding_top_bottom
if section.blocks.size > 0
assign show_tab = true
else
assign show_tab = false
endif
endif
assign first_3d_model = product.media | where: “media_type”, “model” | first
assign has_product_combo = false
assign has_sidebar = false
assign show_sidebar = section.settings.show_sidebar
assign sidebar_type = ‘vertical’
assign sidebar_position = section.settings.sidebar_position
assign show_sidebar_collapse = section.settings.show_sidebar_collapse
assign sidebar_collapse_default = section.settings.sidebar_collapse_default
if show_sidebar
if sidebar_type == ‘vertical’
if section.blocks.size > 0
assign has_sidebar = true
endif
endif
endif
if has_sidebar
assign sidebar_heading_font = section.settings.sidebar_heading_font
assign sidebar_heading_font_size = section.settings.sidebar_heading_font_size
assign sidebar_heading_font_weight = section.settings.sidebar_heading_font_weight
assign sidebar_heading_text_transform = section.settings.sidebar_heading_text_transform
assign enable_sticky = section.settings.enable_sticky
assign sidebar_layout = section.settings.sidebar_layout
endif
assign has_breadcrumb = false
for block in section.blocks
case block.type
when ‘breadcrumb’
assign breadcrumb_layout = block.settings.breadcrumb_layout
assign breadcrumb_alignment = block.settings.breadcrumb_alignment
assign breadcrumb_mg_top_desktop = block.settings.breadcrumb_mg_top_desktop
assign breadcrumb_mg_top_mobile = block.settings.breadcrumb_mg_top_mobile
assign breadcrumb_mg_bottom_desktop = block.settings.breadcrumb_mg_bottom_desktop
assign breadcrumb_mg_bottom_mobile = block.settings.breadcrumb_mg_bottom_mobile
assign breadcrumb_bg = block.settings.breadcrumb_bg
assign breadcrumb_gradient = block.settings.breadcrumb_gradient
assign breadcrumb_bg_mb = block.settings.breadcrumb_bg_mb
assign breadcrumb_gradient_mb = block.settings.breadcrumb_gradient_mb
if breadcrumb_layout == ‘full’
assign check_breadcrumb_full = true
else
assign check_breadcrumb_full = false
endif
assign has_breadcrumb = true
when ‘title’
assign check_block_title = true
when ‘quantity_selector’
assign check_block_qty = true
assign qty_style = block.settings.qty_style
assign qty_layout = block.settings.qty_layout
when ‘perks’
assign has_perks = true
assign show_compare_color = block.settings.show_compare_color
if show_compare_color
assign show_compare_color_drop_drap = block.settings.show_compare_color_drop_drap
assign product_swatch_option = settings.swatch | downcase
assign compare_layout = block.settings.compare_layout
assign isColor = false
for option in product.options_with_values
assign option_name = option.name | downcase
if product_swatch_option contains option_name
assign isColor = true
assign index = forloop.index0
if option.values.size > 1
assign show_compare_color = true
endif
endif
endfor
endif
assign show_size_chart = block.settings.show_size_chart
if show_size_chart
assign has_size_chart = false
assign size_chart_type = block.settings.size_chart_type
if size_chart_type == ‘product_type’ or size_chart_type == ‘product_vendor’
assign size_chart_image_type = block.settings.size_chart_image_type
elsif size_chart_type == ‘custom_image’
assign size_chart_image = block.settings.size_chart_image
endif
if size_chart_type == ‘product_type’
if size_chart_image_type == ‘jpg’
assign size_chart_image = product.type | handle | append: ‘-sizechart.jpg’
else
assign size_chart_image = product.type | handle | append: ‘-sizechart.png’
endif
if images[size_chart_image] != blank
assign has_size_chart = true
endif
elsif size_chart_type == ‘product_vendor’
if size_chart_image_type == ‘jpg’
assign size_chart_image = product.vendor | handle | append: ‘-sizechart.jpg’
else
assign size_chart_image = product.vendor | handle | append: ‘-sizechart.jpg’
endif
if images[size_chart_image] != blank
assign has_size_chart = true
endif
elsif size_chart_type == ‘metafield’
if product.metafields.c_f.size_chart
assign has_size_chart = true
endif
elsif size_chart_type == ‘custom_image’
if size_chart_image != blank
assign has_size_chart = true
endif
endif
endif
when ‘buy_buttons’
assign check_block_buttons = true
when ‘share’
assign show_share = block.settings.show_share
assign share_layout = block.settings.share_layout
when ‘variant_picker’
assign picker_type = block.settings.picker_type
assign show_variant_image_group = block.settings.show_variant_image_group
when ‘grouped_product’
assign product_combo = product.metafields.c_f.product_combo
assign combo_discount_rate = product.metafields.c_f.combo_discount_rate | plus: 0 | divided_by: 100.00
if product_combo
assign has_product_combo = true
else
assign has_product_combo = false
endif
when ‘complementary_products’
assign complementary_product_title = block.settings.complementary_product_title
assign complementary_product_arrows = block.settings.complementary_product_arrows
assign complementary_product_dots = block.settings.complementary_product_dots
assign complementary_product_layout = block.settings.complementary_product_layout
if complementary_product_layout == “1”
assign complementary_product_limit_1 = block.settings.complementary_product_limit_1
endif
if complementary_product_layout == “2”
assign complementary_product_limit_2 = block.settings.complementary_product_limit_2
assign complementary_product_object = block.settings.complementary_product_object
endif
endcase
endfor
if show_qty
if check_block_qty
if check_block_buttons
if qty_layout == ‘1’
assign check_show_qty = ‘show_qty_1’
elsif qty_layout == ‘2’
assign check_show_qty = ‘show_qty_2’
endif
else
assign check_show_qty = ‘show_qty_1’
endif
else
assign check_show_qty = ‘show_qty_0’
endif
else
assign check_show_qty = ‘show_qty_0’
endif
if show_share
assign share_product_type = settings.share_product_type
if share_product_type == ‘addthis’
assign share_product_script = settings.share_product_script
endif
if check_block_title and check_block_buttons
assign check_show_share = share_layout
elsif check_block_title and check_block_buttons != true
if share_layout == ‘2’
assign check_show_share = ‘1’
else
assign check_show_share = share_layout
endif
elsif check_block_title != true and check_block_buttons
if share_layout == ‘3’
assign check_show_share = ‘1’
else
assign check_show_share = share_layout
endif
endif
endif
assign show_customization_option = settings.show_customization_option
if show_customization_option
assign has_customization_option = false
assign customization_option_type = settings.customization_option_type
assign customization_option_hidden = settings.customization_option_hidden
if customization_option_type == ‘all’
assign has_customization_option = true
elsif customization_option_type == ‘tag’
assign customization_option_tags = settings.customization_option_tags | split: “,” | strip | downcase | handle
for tag in customization_option_tags
assign tagtitle = tag | escape | downcase | handle
if product.tags contains tagtitle
assign has_customization_option = true
endif
endfor
elsif customization_option_type == ‘collection’
assign customization_option_collection = settings.customization_option_collection | downcase | handle
if customization_option_collection != blank
for collection in product.collections
assign collection_title = collection.title | downcase | handle
if collection_title == customization_option_collection
assign has_customization_option = true
endif
endfor
endif
endif
assign customization_option_1 = settings.customization_option_1
assign customization_option_2 = settings.customization_option_2
endif
-%}
{%- if first_3d_model -%}
{%- endif -%} #ProductSection-{{ section.id }} .productView-thumbnail .productView-thumbnail-link:after{ padding-bottom: {{ portrait_aspect_ratio }}; } #ProductSection-{{ section.id }} .cursor-wrapper .counter { color: {{ count_color }}; } #ProductSection-{{ section.id }} .cursor-wrapper .counter #count-image:before { background-color: {{ count_color }}; } #ProductSection-{{ section.id }} .custom-cursor__inner .arrow:before, #ProductSection-{{ section.id }} .custom-cursor__inner .arrow:after { background-color: {{ icon_color }}; } #ProductSection-{{ section.id }} .tabs-contents .toggleLink, #ProductSection-{{ section.id }} .tabs .tab .tab-title { font-size: {{ title_font_size | append: 'px' }}; font-weight: {{ font_weight_title }}; text-transform: {{ title_text_transform }}; padding-top: {{ title_padding_top_bottom | append: 'px' }}; padding-bottom: {{ title_padding_top_bottom | append: 'px' }}; } {% if has_sidebar %} :root { {% if sidebar_heading_font == 'font_1' %} --sidebar-heading-font: var(--font-heading-family); {% elsif sidebar_heading_font == 'font_2' %} --sidebar-heading-font: var(--font-body-family); {% endif %} {% if colors_bg != 'rgba(0,0,0,0)' and colors_bg != blank %} --body-bg: {{ colors_bg }}; {% endif %} } {% endif %} {% if has_sidebar %} #ProductSection-{{ section.id }} .sidebarBlock-heading{ font-family: var(--sidebar-heading-font); font-size: {{ sidebar_heading_font_size | append: 'px' }}; font-weight: {{ sidebar_heading_font_weight }}; text-transform: {{ sidebar_heading_text_transform }}; } {% endif %} @media (max-width: 550px) { #ProductSection-{{ section.id }} .tabs-contents .toggleLink, #ProductSection-{{ section.id }} .tabs .tab .tab-title { font-size: {{ title_font_size_mb | append: 'px' }}; } } @media (max-width: 767px) { #ProductSection-{{ section.id }} { padding-top: {{ mg_top_mobile | append: 'px' }}; padding-bottom: {{ mg_bottom_mobile | append: 'px' }}; } } @media (min-width: 1025px) { {% if container == 'fullwidth' %} #ProductSection-{{ section.id }} > .container-full, #ProductSection-{{ section.id }} .moreItem-breadcrumb { padding-left: {{ padding_full_width | append: 'px' }}; padding-right: {{ padding_full_width | append: 'px' }}; } {% endif %} } @media (min-width: 768px) and (max-width: 1199px) { #ProductSection-{{ section.id }} { padding-top: {{ mg_top_tablet | append: 'px' }}; padding-bottom: {{ mg_bottom_tablet | append: 'px' }}; } } @media (min-width: 1200px) { #ProductSection-{{ section.id }} { padding-top: {{ mg_top_desktop | append: 'px' }}; padding-bottom: {{ mg_bottom_desktop | append: 'px' }}; } }{%- if product_image_popup == ‘fancybox’ -%}
{{ 'component-fancybox.css' | asset_url | stylesheet_tag }} {%- endif -%}{%- liquid
assign content_spacing = block.settings.content_spacing
assign custom_block_align = block.settings.custom_block_align
assign background_color_block = block.settings.background_color_block
assign background_gradient_color_block = block.settings.background_gradient_color_block
-%}
{%- if complementary_product_layout == “2” -%}
{%- for product in recommendations.products limit: limit offset: continue -%}
{%- if show_size_chart and has_size_chart -%}
{% render ‘halo-size-chart-popup’,
product: product,
size_chart_type: size_chart_type,
size_chart_image: size_chart_image
%}
{%- endif -%}
{%- if show_compare_color and isColor -%}
{% render ‘halo-compare-color-popup’,
product: product,
show_compare_color_drop_drap: show_compare_color_drop_drap,
index: index
%}
{%- endif -%}
{%- if show_sticky_add_to_cart -%}
{%- endif -%}
{%- if first_3d_model -%}
{%- endif -%}
{%- if main_image_show_custom_cursor -%}
{%- endif -%}
{%- if product_image_popup == ‘fancybox’ -%}
{%- endif -%}
{% render ‘schema’,
product: product
%}
Hi @Only1mrsfragili ,
Please go to halo-product-tab.liquid file, you can add the code in this file, it will display fine in the tab.
If it is difficult, please send me the code, I will guide you in detail
I’ve tried every spot in the code that I thought was correct and they were all wrong.
It either puts in above all of the tabs or in all of the tabs. This is the complete code.
{%- liquid
assign tab_border_color = section.settings.tab_border_color
assign tab_border_color_rgb = section.settings.tab_border_color_rgb
if tab_border_color_rgb != blank
assign border_color = tab_border_color_rgb
else
assign border_color = tab_border_color
endif
assign isVerticalSidebar = false
if tab_layout == ‘vertical_sidebar’
assign isVerticalSidebar = ‘sidebar’
endif
assign isVerticalSidebarMobile = false
if tab_layout_mobile == ‘vertical_sidebar’
assign isVerticalSidebarMobile = ‘sidebar-mobile’
endif
-%}
{%- if tab_layout == ‘horizontal’ or tab_layout == ‘popup’ -%}
if source == ‘dynamic’
assign meta_ref = key
else
assign meta_ref = product.metafields.c_f[key]
endif
if block.type == ‘custom’
if block.settings.type == ‘metafield’
if meta_ref
assign has_tab = true
else
assign has_tab = false
endif
else
assign has_tab = true
endif
else
assign has_tab = true
endif
-%}
{%- if has_tab and title != blank -%}
{%- endif -%}
if source == ‘dynamic’
assign meta_ref = key
else
assign meta_ref = product.metafields.c_f[key]
endif
if block.type == ‘custom’
if block.settings.type == ‘metafield’
if meta_ref
assign has_tab = true
assign content = meta_ref
else
assign has_tab = false
endif
else
assign has_tab = true
assign content = block.settings.content
endif
else
assign has_tab = true
if block.type == ‘description’
assign current_variant = product.selected_or_first_available_variant
if current_variant.metafields.c_f.variant_description != blank
assign content = current_variant.metafields.c_f.variant_description
else
assign content = product.description
endif
else block.type == ‘review’
assign content = product.metafields.spr.reviews
endif
endif
if block.type == ‘description’ or block.type == ‘review’ or block.type == ‘custom’
assign style_mobile = false
if block.settings.open_tab_mobile
assign style_mobile = ‘show-mobile’
endif
if tab_layout_mobile == ‘popup’
assign style_mobile = ‘popup-mobile’
elsif tab_layout_mobile == ‘vertical_sidebar’
assign style_mobile = ‘sidebar-mobile’
endif
endif
-%}
{%- if has_tab and title != blank -%}
Hi @Only1mrsfragili ,
Please add code here:
Code:
{%- if block.type == 'description' -%}
{%- endif -%}
Hope it helps!
Now it shows in the correct area for the desktop and not at all for the mobile. I think that I will just give up at this point. I really do appreciate all of your help! You spend a lot of time on this.
Thank you so so so much! I really appreciate your dedication to helping me when I was ready to give up!
