Symmetry Theme: moving thumbnails UNDER product image when clicked possible?

Store Design
,
1

Hi all,

does anybody know if it’s possible to move the thumbnails under the picture when a product picture is selected? It’s covering so much from the picture that I wish to have it out of the picture and only underneith:

Delasoul_1-1713535015269.png
Delasoul_1-1713535015269.png778×925 720 KB

Thanks for help!

2

https://casa-amao.com/

PW: deanee

Sorry, completly forgot to add this info :slightly_smiling_face:

3

@kaiyaa , it’s looking good on the main product page but once you click on the picture (to zoom in) it moves into the picture screen…

4

hi @kaiyaa ,

unfortunatly it’s not changing anything with the code. That should be the correct place, right?

Delasoul_0-1713537981977.png
Delasoul_0-1713537981977.png1354×807 37.6 KB

5

Here it is:


{%- liquid
  assign rtl_langs = 'ar,arc,dv,fa,ha,he,khw,ks,ku,ps,ur,yi' | split: ','
  assign current_lang = localization.language.iso_code | split: '-' | first
  if rtl_langs contains current_lang
    assign lang_dir = 'rtl'
  else
    assign lang_dir = 'ltr'
  endif
-%}

      
    

    

    {% render 'head-tag' %}

    {%- liquid
      assign base_font = settings.type_base_font
      assign base_font_bold = base_font | font_modify: 'weight', 'bolder'
      assign base_font_medium = base_font | font_modify: 'weight', '500'
      assign base_font_italic = base_font | font_modify: 'style', 'italic'
      assign base_font_bold_italic = base_font_bold | font_modify: 'style', 'italic'
      assign heading_font = settings.type_heading_font
      assign logo_font = settings.type_logo_font
      assign nav_font = settings.type_nav_font
      assign nav_font_600 = nav_font | font_modify: 'weight', '600'
    -%}

    

    {% render 'social-meta-tags' %}

    {{ 'styles.css' | asset_url | stylesheet_tag: preload: true }}

    {%- if settings.custom_theme_css != blank -%}
      {{ 'custom.css' | asset_url | stylesheet_tag: preload: true }}
    {%- endif -%}

    {%- if settings.swatch_enabled and settings.swatch_value_list != blank -%}
      
      
    {%- endif -%}

    

    
    

    {{ content_for_header }}
    
    

  
  
    
      
  
  
  
    
    {%- if settings.animations_enabled_desktop -%}
      
    {%- endif -%}

    {{ 'general.accessibility_labels.skip_to_content' | t }}

    {% unless template.name == 'cart' or settings.cart_type == 'page' %}{% section 'cart-drawer' %}{% endunless %}
    {% section 'announcement-bar' %}
    {% section 'header' %}
    {% section 'store-messages' %}

    
    

    {%- if request.path != '/challenge' -%}
      
        {% section 'cross-page-promos' %}
        {% section 'footer' %}
      

      {% section 'popup' %}
    {%- endif -%}

    {%- if settings.after_add_to_cart == 'notification' -%}
      
    {%- endif -%}
6

Unfortunatly it’s still not changing anything