Removing pricing from Homepage on Boundless theme

Shopify Discussion
,
1

Hi Everyone,

I’m trying to remove the pricing from the homepage on the Boundless theme.

Here is the link to my store

https://mayes-nyc.myshopify.com/

Any help would greatly appreciated

thanks

2

You can do this by editing the code in your theme file. Here’s how:

  1. Find out where in the code that section is on the home page. To do this, I’ll usually inspect the live theme and look for a class or ID for the element:

1) Find the element identifiers.png
1) Find the element identifiers.png2560×1474 610 KB

  1. We can see that the price is wrapped in the element with class product-item__price-wrapper, and in the section with ID shopify-section-featured-collection.

  2. To hide it then, we’ll add a CSS rule:

#shopify-section-featured-collection .product-item__price-wrapper {
  display: none;
}
  1. It’s likely that section only applies to the home page, but if it’s on other pages you’ll want to limit to the home page like this:
{% if template == "index" %}
#shopify-section-featured-collection .product-item__price-wrapper {
  display: none;
}
{% endif %}
  • that assumes you’re using a CSS file with a .liquid extension.

Implementing the change
Add that code to your custom CSS file.

If you don’t have a custom CSS file set up yet, follow the instructions here to set that up: https://speedboostr.com/how-to-safely-edit-your-shopify-theme.

3

thanks, I’m working on this now.

I’ve backed up the theme (great tip) added custom.scss.liquid as a new asset and inserted the below code

#shopify-section-featured-collection .product-item__price-wrapper {
  display: none;
}

Now when I got back to the theme.liquid to insert the {{ ‘custom.scss.css’ | asset_url | stylesheet_tag }} and I’m not sure where it goes.

This is what I’m seeing, I’ve added it below in BOLD, nothing changed.

Please advise, and thanks for your help.

{% if settings.favicon %}

{% endif %} {{ page_title }}{% if current_tags %}{% assign meta_tags = current_tags | join: ', ' %} – {{ 'general.meta.tags' | t: tags: meta_tags }}{% endif %}{% if current_page != 1 %} – {{ 'general.meta.page' | t: page: current_page }}{% endif %}{% unless page_title contains shop.name %} – {{ shop.name }}{% endunless %}

{% if page_description %}

{% endif %}

{% include ‘social-meta-tags’ %}

{{ ‘theme.scss.css’ | asset_url | stylesheet_tag }}

{{ ‘custom.scss.css’ | asset_url | stylesheet_tag }}

{% if request.page_type contains ‘customers/’ %}

{% endif %}

{{ content_for_header }}

{% include ‘shoppable_instagram_init’ %}

{{ 'general.search.submit' | t }}
{{ 'general.search.close_search' | t }}
{% section 'sidebar-menu' %}
{{ 'cart.general.close_cart' | t }}
{% section 'announcement-bar' %}
{% section 'header' %}
{%- unless request.page_type == 'product' or request.page_type == 'search' or request.page_type == 'index' -%} {% include 'action-bar' %} {%- endunless -%}

{%- if request.page_type == ‘search’ and search.performed -%}

{{ 'general.search.results_with_count' | t: count: search.results_count, term: search.terms }}
{%- endif -%}
{{ content_for_layout }}

{% section ‘footer’ %}

{% comment %}
Enable ajax cart drawer
{% endcomment %}
{% if settings.cart_type == ‘drawer’ %}

{% endif %}

  • {{ 'general.accessibility.refresh_page' | t }}
  • {{ 'general.accessibility.selection_help' | t }}
4

That looks right. Make sure you’re previewing the correct theme (the backup theme you added the stylesheet to).

If it’s the correct theme, inspect the website (explained in that post) to make sure the styles are being applied and figure out why it’s not showing.

5

Hey thanks,

I dove in a bit deeper and got this to work.

Thanks again