How can I modify the cart and 'buy' button in Highlight Theme?

Hi, I’m using the Highlight Theme. I can’t cancel the cart or change ‘buy’ button with ‘contact me’ . I followed the instructions on shopify’s page but i even couldn’t find the codes that is described. What should I do? I dont want to make a sale in site. I just want to show my artwork and people can contact me if they find something they like.

1 Like

@sebnemceylanart

oh sorry for that issue can you please send store url

Hi, sure
https://www.sebnemceylanart.com/

Hi, sure

https://www.sebnemceylanart.com/

1 Like

@sebnemceylanart

yes, please product page code so i will update code

Hi, this is product.liquid from sections part

{%- assign variant = product.selected_or_first_available_variant -%}

{%- render 'product-header', product: product, variant: variant -%}
{%- render 'product-header', product: product, variant: variant -%}

{%- form ‘product’, product -%}

{%- render ‘product-variants’, product: product, color_swatches: section.settings.show_color_swatches -%}

{%- if section.settings.show_quantity_selector -%}

{%- endif -%}

{%- if product.tags contains 'preorder' -%} {{ 'product.preorder.button_label' | t }} {%- else -%} {{ 'product.page.add_to_cart_button' | t }} {%- endif -%}

{%- liquid
unless product.tags contains ‘preorder’
if section.settings.enable_payment_button
echo form | payment_button
endif
endunless
echo form | payment_terms
-%}

{%- if section.settings.show_quantities -%}
<span class=“product__variant-quantity” {% if product.tags contains ‘preorder’ %} style=“display:none” {% endif %}>
{%- endif -%}

{%- if product.tags contains ‘preorder’ -%}
{{ ‘product.preorder.description’ | t }}
{%- endif -%}

{%- if section.settings.show_local_pickup -%}

{%- endif -%}

{%- endform -%}

{%- if section.blocks.size > 0 or section.settings.show_share -%}

{%- for block in section.blocks -%}
{%- assign page = pages[block.settings.page] -%}
{%- if page != blank -%}

{{ page.title | escape }}
{{ page.content }}
{%- endif -%} {%- endfor -%}

{%- if section.settings.show_share -%}

{{ 'general.sharing.title' | t }}
{%- render 'share', title: product.title, url: product.url, image: product.featured_media -%}
{%- endif -%}

{%- endif -%}

{%- if product.media.size == 0 -%}

{{ 'product-1' | placeholder_svg_tag }}

{%- endif -%}

{%- liquid
for media in product.media
render ‘product-media’, media: media, enable_zoom: section.settings.enable_zoom, index: forloop.index0, media_aspect: section.settings.media_aspect
endfor
-%}

{% assign first_3d_model = product.media | where: “media_type”, “model” | first %}

{% if first_3d_model %}
<button
aria-label=“{{ ‘product.page.view_in_space_label’ | t }}”
class=“product-gallery__view-in-space”
data-shopify-xr
data-shopify-first-model3d-id=“{{ first_3d_model.id }}”
data-shopify-model3d-id=“{{ first_3d_model.id }}”
data-shopify-title=“{{ product.title | escape }}”
data-shopify-xr-hidden

{% render ‘theme-symbols’, icon: ‘model-button’ %}
{{ ‘product.page.view_in_space’ | t }}

{% endif %}

{{ product.description }}

{% schema %}
{
“name”: “Product”,
“class”: “mount-product-page mount-toggles”,
“settings”: [
{
“type”: “header”,
“content”: “Content”
},
{
“type”: “checkbox”,
“id”: “show_vendor”,
“label”: “Show vendor”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_color_swatches”,
“label”: “Show color swatches”,
“default”: true,
“info”: “This theme can show custom images for color swatches. Learn more
},
{
“type”: “checkbox”,
“id”: “show_quantity_selector”,
“label”: “Show quantity selector”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_quantities”,
“label”: “Show variant quantities”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “enable_payment_button”,
“label”: “Show dynamic checkout button”,
“info”: “Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. Learn more”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “show_sku”,
“label”: “Show SKU”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_barcode”,
“label”: “Show barcode”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_tax_info”,
“label”: “Show tax info”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_local_pickup”,
“label”: “Show local pickup availability”,
“default”: false
},
{
“type”: “checkbox”,
“id”: “show_share”,
“label”: “Show social sharing options”,
“default”: true
},
{
“type”: “header”,
“content”: “Media”,
“info”: “Learn more about media type
},
{
“type”: “select”,
“id”: “media_aspect”,
“label”: “Media aspect ratio”,
“options”: [
{
“value”: “natural”,
“label”: “Natural”,
“group”: “Uncropped”
},
{
“value”: “1.333”,
“label”: “Short (4:3)”,
“group”: “Cropped”
},
{
“value”: “1”,
“label”: “Square (1:1)”,
“group”: “Cropped”
},
{
“value”: “0.833”,
“label”: “Tall (5:6)”,
“group”: “Cropped”
},
{
“value”: “0.666”,
“label”: “Taller (2:3)”,
“group”: “Cropped”
}
],
“default”: “natural”,
“info”: “When using the natural aspect ratio, make sure that you resize your images at the same size, for a clean. Using one of the cropped setting, all images will be resized to the same dimension.”
},
{
“type”: “checkbox”,
“id”: “enable_zoom”,
“label”: “Enable image zoom”,
“default”: true
},
{
“type”: “checkbox”,
“id”: “enable_video_looping”,
“label”: “Enable video looping”,
“default”: false
}
],
“max_blocks”: 4,
“blocks”: [
{
“type”: “page”,
“name”: “Content”,
“settings”: [
{
“type”: “page”,
“id”: “page”,
“label”: “Select page”
}
]
}
]
}
{% endschema %}

1 Like

@sebnemceylanart

great thanks for can try this code

{%- assign variant = product.selected_or_first_available_variant -%}

{%- render 'product-header', product: product, variant: variant -%}

{%- render 'product-header', product: product, variant: variant -%}

{%- form 'product', product -%}

{%- render 'product-variants', product: product, color_swatches: section.settings.show_color_swatches -%}

{%- if section.settings.show_quantity_selector -%}

{%- endif -%}

{% comment %}

{% endcomment %}
 [Contact Us](mailto:{{ shop.email }})

{%- liquid
unless product.tags contains 'preorder'
if section.settings.enable_payment_button
echo form | payment_button
endif
endunless
echo form | payment_terms
-%}

{%- if section.settings.show_quantities -%}

{%- endif -%}

{%- if product.tags contains 'preorder' -%}
{{ 'product.preorder.description' | t }}
{%- endif -%}

{%- if section.settings.show_local_pickup -%}

{%- endif -%}

{%- endform -%}

{%- if section.blocks.size > 0 or section.settings.show_share -%}

{%- for block in section.blocks -%}
{%- assign page = pages[block.settings.page] -%}
{%- if page != blank -%}

{{ page.title | escape }}

{{ page.content }}

{%- endif -%}
{%- endfor -%}

{%- if section.settings.show_share -%}

{{ 'general.sharing.title' | t }}

{%- render 'share', title: product.title, url: product.url, image: product.featured_media -%}

{%- endif -%}

{%- endif -%}

{%- if product.media.size == 0 -%}

{{ 'product-1' | placeholder_svg_tag }}

{%- endif -%}

{%- liquid
for media in product.media
render 'product-media', media: media, enable_zoom: section.settings.enable_zoom, index: forloop.index0, media_aspect: section.settings.media_aspect
endfor
-%}

{% assign first_3d_model = product.media | where: "media_type", "model" | first %}

{% if first_3d_model %}

{% endif %}

{{ product.description }}

{% schema %}
{
"name": "Product",
"class": "mount-product-page mount-toggles",
"settings": [
{
"type": "header",
"content": "Content"
},
{
"type": "checkbox",
"id": "show_vendor",
"label": "Show vendor",
"default": true
},
{
"type": "checkbox",
"id": "show_color_swatches",
"label": "Show color swatches",
"default": true,
"info": "This theme can show custom images for color swatches. [Learn more](https://shopify-support.krownthemes.com/article/554-using-color-swatches)"
},
{
"type": "checkbox",
"id": "show_quantity_selector",
"label": "Show quantity selector",
"default": true
},
{
"type": "checkbox",
"id": "show_quantities",
"label": "Show variant quantities",
"default": false
},
{
"type": "checkbox",
"id": "enable_payment_button",
"label": "Show dynamic checkout button",
"info": "Each customer will see their preferred payment method from those available on your store, such as PayPal or Apple Pay. [Learn more](https://help.shopify.com/manual/using-themes/change-the-layout/dynamic-checkout)",
"default": true
},
{
"type": "checkbox",
"id": "show_sku",
"label": "Show SKU",
"default": false
},
{
"type": "checkbox",
"id": "show_barcode",
"label": "Show barcode",
"default": false
},
{
"type": "checkbox",
"id": "show_tax_info",
"label": "Show tax info",
"default": false
},
{
"type": "checkbox",
"id": "show_local_pickup",
"label": "Show local pickup availability",
"default": false
},
{
"type": "checkbox",
"id": "show_share",
"label": "Show social sharing options",
"default": true
},
{
"type": "header",
"content": "Media",
"info": "Learn more about [media type](https://help.shopify.com/en/manual/products/product-media)"
},
{
"type": "select",
"id": "media_aspect",
"label": "Media aspect ratio",
"options": [
{
"value": "natural",
"label": "Natural",
"group": "Uncropped"
},
{
"value": "1.333",
"label": "Short (4:3)",
"group": "Cropped"
},
{
"value": "1",
"label": "Square (1:1)",
"group": "Cropped"
},
{
"value": "0.833",
"label": "Tall (5:6)",
"group": "Cropped"
},
{
"value": "0.666",
"label": "Taller (2:3)",
"group": "Cropped"
}
],
"default": "natural",
"info": "When using the natural aspect ratio, make sure that you resize your images at the same size, for a clean. Using one of the cropped setting, all images will be resized to the same dimension."
},
{
"type": "checkbox",
"id": "enable_zoom",
"label": "Enable image zoom",
"default": true
},
{
"type": "checkbox",
"id": "enable_video_looping",
"label": "Enable video looping",
"default": false
}
],
"max_blocks": 4,
"blocks": [
{
"type": "page",
"name": "Content",
"settings": [
{
"type": "page",
"id": "page",
"label": "Select page"
}
]
}
]
}
{% endschema %}

Hi,

Thank you so much it worked! :slightly_smiling_face:

https://www.sebnemceylanart.com/collections/paintings/products/gold-vibes-modern-abstract-painting

and I have one more question. Can I change the “contact us” button shape or color?

1 Like

@sebnemceylanart

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
.product__cart-actions-holder a.button.button--border {
    line-height: normal;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    background: #3f14e1;
    color: #fff;
    border-radius: 100px;
}

Yessss

Thank you so so much.

I’ve been trying to do this for a month!

1 Like

@sebnemceylanart

yes, please try if any issue so let me know

1 Like