Moving title in features and product grid (blocks )

Store Design
1

Hi,

I need support to move the position of the product title on the product grid and on the featured products. It seems to be using blocks but I cannot move it below the product images and above the variants options.

{{ "accessibility.skip_to_product_info" | t }}
{%- if product.selected_or_first_available_variant.featured_media != null -%} {%- assign media = product.selected_or_first_available_variant.featured_media -%}
{% render 'product-thumbnail', media: media, position: 'featured', loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: false %}
{%- endif -%} {%- liquid assign media_to_render = product.featured_media.id for variant in product.variants assign media_to_render = media_to_render | append: variant.featured_media.id | append: ' ' endfor -%} {%- for media in product.media -%} {%- if media_to_render contains media.id and media.id != product.selected_or_first_available_variant.featured_media.id -%}
{% render 'product-thumbnail', media: media, position: forloop.index, loop: section.settings.enable_video_looping, modal_id: section.id, xr_button: false %}
{%- endif -%} {%- endfor -%}
{%- if first_3d_model -%} {% render 'icon-3d-model' %} {{ 'products.product.xr_button' | t }} {%- endif -%}
{%- assign product_form_id = 'product-form-' | append: section.id -%}

{%- for block in section.blocks -%}
{%- case block.type -%}
{%- when ‘title’ -%}

{%- if product.title != blank -%} {{ product.title | escape }} {%- else -%} {{ 'onboarding.product_title' | t }} {%- endif -%}

{%- when 'text' -%}

{{- block.settings.text -}}

2

@pbrandsboss

Please share your store URL!

Thanks!

3

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

4

Hi @pbrandsboss ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

5

Hello @pbrandsboss

Please share your store URL and password(If it is password protected).

So that I can check and suggest you a solution.

Thank you

6

Hi @pbrandsboss ,

What theme are you using? please send me the theme name, I will help you check it

7

Hello,

here it is

https://pbands.myshopify.com/

8

Hi @pbrandsboss ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/component-card.css->paste below code at the bottom of the file:
swatches-globo--list {
    order: 2 !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

9

Hi @pbrandsboss ,

Go to Assets > component-card.css and paste this at the bottom of the file:

.swatches-globo--list {
	order: 2;
}

Hope it helps!

10

Thanks! this one did it!