Change predictive search image to square

• Related Articles

• Enable SKU in predictive search

  In predictive-search.js, add the following: const url = new URL(Theme.routes.predictive_search_url, location.origin); url.searchParams.set('q', searchTerm); url.searchParams.set('resources[limit_scope]', 'each'); ...

• Dynamic SKU on product page

  In edit code, add the following liquid in Block. {% doc %} @prompt Create a dynamic SKU display that automatically updates when product variants are changed without requiring a page refresh. The SKU should be visible on the product page and change ...

• To show sku in predictive search

  Find this block (around line where resource-card__content is): <p class="resource-card__title{% if style == 'overlay' %} h5{%else %} paragraph{% endif %}"> {{- resource.title -}} </p> {% if resource_type == 'product' %} {% render 'price', ...

• How to change another image for image banner in mobile view

  In theme.liquid, add the followings: <style> #shopify-section-ID { @media (max-width: 768px) { .banner__media { content: url("image URL") !important; } } </style>

• How to make image-with-text image smaller

  In the custom css of the section, add in: .image-with-text .image-with-text__media-item.image-with-text__media-item--small img { height: 70%; width: 70%; margin: 15%; }