Hello, How do I move the color swatch under price? on the homepage?
URL: infinibuddy.myshopify.com
Pass: ccc
Shae your store product.liquid file
{% comment %}
Product snippet
@param product
@param selected_variant
@param width
@param css_class
@param display_social_buttons
@param display_thumbnails
@param enable_product_lightbox
@param enable_shopify_review_comments
@param enable_thumbnail_slider
@param enable_zoom
@param gallery_arrows
@param product_description_position
@param product_height
@param set_product_height
@param slideshow_transition
@param stickers_enabled
@param tag_style
@param thumbnail_position
@param video_looping
@param section_onboarding
{% endcomment %}
{% comment %} HTML markup {% endcomment %}
{% if section_onboarding %}
{{ 'product-1' | placeholder_svg_tag: 'placeholder-svg placeholder-svg--product' }}
{% else %}
{%
render 'product__images',
product: product,
display_thumbnails: display_thumbnails,
thumbnail_position: thumbnail_position,
enable_thumbnail_slider: enable_thumbnail_slider,
product_height: product_height,
set_product_height: set_product_height,
video_looping: video_looping
gallery_arrows: gallery_arrows,
slideshow_transition: slideshow_transition,
enable_product_lightbox: enable_product_lightbox,
enable_zoom: enable_zoom
%}
{% endif %}
{% comment %} Sale sticker {% endcomment %}
{% if stickers_enabled %}
{% assign collection_handles = product.collections | map: ‘handle’ %}
{%
render ‘product-thumbnail__sticker’,
context: ‘product’,
collection_handles: collection_handles,
%}
{% endif %}
{%- for block in section.blocks -%}
{%- if block.type == ‘vendor’ -%}
{% comment %} Vendor {% endcomment %}
{% if section_onboarding %} Vendor name {% else %} {{ product.vendor | link_to_vendor }} {% endif %}
{%- elsif block.type == ‘sku’ -%}
{% comment %} Sku {% endcomment %}
{% if section_onboarding %} 1234567890 {% else %} {{ selected_variant.sku }} {% endif %}
{%- elsif block.type == ‘title’ -%}
{% comment %} Name {% endcomment %}
{% if section_id == 'quickshop' %} {{ product.title }} {% elsif section_onboarding %} {{ 'homepage.onboarding.product_title' | t }} {% else %} {{ product.title }} {% endif %}
{%- elsif block.type == ‘size-chart’ -%}
{% comment %} Size chart {% endcomment %}
{% for tag in product.tags %}
{% if tag contains ‘meta-size-chart-’ %}
{% assign meta-size-chart = true %}
{% endif %}
{% endfor %}
{% comment %} Size chart Mobile {% endcomment %}
{% if block.settings.size_chart != blank or meta-size-chart %}
{{ ‘products.product.size_chart’ | t }} {% render ‘icon’, name: ‘right-caret’ %}
{% render ‘popup-size-chart’, product_id: product.id %}
{% endif %}
{% comment %} Size chart {% endcomment %}
{% if block.settings.size_chart != blank or meta-size-chart %}
{{ ‘products.product.size_chart’ | t }} {% render ‘icon’, name: ‘right-caret’ %}
{% render ‘popup-size-chart’, product_id: product.id %}
{% endif %}
{%- elsif block.type == ‘price’ -%}
{% comment %} Price {% endcomment %}
{% if section_onboarding %}
$49.00
{% else %}
{% comment %}Inject @pixelunion/shopify-price-ui/price-ui begin{% endcomment %}
.price-ui--loading {
display: block !important;
opacity: 1 !important;
}
{% assign compare_at_price = false %}
{% comment %}Inject @pixelunion/shopify-price-ui/price-ui end{% endcomment %}
{% if product.compare_at_price and product.compare_at_price != product.price %}
{% if product.compare_at_price_varies %}
{%- capture price_min -%}
{%-
render ‘price-ui-templates’,
template: ‘price-min’,
value: product.compare_at_price_min,
-%}
{%- endcapture -%}
{%- capture price_max -%}
{%-
render ‘price-ui-templates’,
template: ‘price-max’,
value: product.compare_at_price_max,
-%}
{%- endcapture -%}
{%- assign compare_at_price = ‘product.price.range_html’ | t: price_min: price_min, price_max: price_max -%}
{% else %}
{%- capture compare_at_price -%}
{%-
render ‘price-ui-templates’,
template: ‘price’,
value: product.compare_at_price,
-%}
{%- endcapture -%}
{% endif %}
{% endif %}
{% if product.price_varies %}
{%- capture price_min -%}
{%-
render ‘price-ui-templates’,
template: ‘price-min’,
value: product.price_min,
-%}
{%- endcapture -%}
{%- capture price_max -%}
{%-
render ‘price-ui-templates’,
template: ‘price-max’,
value: product.price_max,
-%}
{%- endcapture -%}
{%- assign price = ‘product.price.range_html’ | t: price_min: price_min, price_max: price_max -%}
{% else %}
{%- capture price -%}
{%-
render ‘price-ui-templates’,
template: ‘price’,
value: product.price,
-%}
{%- endcapture -%}
{% endif %}
{%-
render ‘price-ui-templates’,
template: ‘price-ui’,
compare_at_price: compare_at_price,
price: price,
unit_pricing: false,
-%}
{% endif %}
{%- elsif block.type == ‘description’ -%}
{% comment %} Description {% endcomment %}
{% if block.settings.custom_description != blank %}
{{ block.settings.custom_description }}
{% elsif section_onboarding %}
{{ 'homepage.onboarding.product_description' | t }}
{{ product.description | split: '' | first }}
{% endif %}
{% endif %}
{%- elsif block.type == ‘form’ -%}
{% comment %} Purchase form {% endcomment %}
{% if section_onboarding %}
{{ 'products.product.add_to_cart' | t }}
{% comment %} Notify form {% endcomment %}
{% render ‘product__notify-me-form’, product: product %}
{% comment %} Product form {% endcomment %}
{% unless collection_handles contains ‘coming-soon’ %}
{%
render ‘product__form’,
context: ‘product’,
product: product,
sold_out_options: sold_out_options,
selected_variant: selected_variant,
show_payment_button: block.settings.show_payment_button,
collection_handles: collection_handles
%}
{% endunless %}
{%- elsif block.type == ‘product-links’ -%}
{% comment %} Collections, type, tags {% endcomment %}
{% if block.settings.show_collections or block.settings.show_tags or block.settings.show_type %}
{% if block.settings.show_collections %}
{% endif %}
{{ 'products.product.collections' | t }}: {% for col in product.collections %} {{ col.title }} {% endfor %}
{% endif %}{% if block.settings.show_type %}
{{ 'products.product.product_types' | t }}: {{ product.type | link_to_type }}
{% endif %}{% if block.settings.show_tags and product.tags.size > 0 %}
{{ 'products.product.tags' | t }}: {% for tag in product.tags %} {% unless tag contains 'meta-' %} {{ tag }} {% endunless %} {% endfor %}
{% endif %}{%- elsif block.type == ‘share’ -%}
{% comment %} Social share icons {% endcomment %}
{% render 'social-share-buttons' %}
{%- elsif block.type == ‘text’ -%}
{% comment %} Text {% endcomment %}
{{ block.settings.text }}
{% elsif block.type == '@app' %}
{% render block %}
{%- endif -%}
{%- endfor -%}