Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
I'm trying to find the source code for one of my shopify pages im investigating. How do i do that? Thanks!
You can view the source code for any web page from most browsers by right-clicking and looking for something like "View page source". If you're looking for the code that built a certain page, Shopify pages are built using a combination of theme files. Go to Online Store > Themes > your theme > Actions > Edit code. Here's an article that explains a basic theme structure: https://shopify.dev/tutorials/develop-theme-files#theme-structure Though each theme is somewhat unique in that the sections and snippets can be called different things in different themes.
I'm just looking for the one i encircled. Which folder do i go to?
Here's the shopify link https://loversentiment.com/products/lovebox™
Thanks!
It depends on how your theme is set up, but you can work backwards a bit. Start by looking in the 'product.liquid' template in the Templates folder. In that you might see a {% section %} called something like 'product-template.liquid ({% section 'product-template %}). Find that in the Sections folder and open it to see if the code you're looking for is in there. It's possible the section includes a snippet ({% include 'what-am-i-called' %}) that actually contains the code you're looking for. So that would be in the Snippets folder.
Hi Gina. Do you mind if I seek further information on this?
If I want to edit/remove the schema of one of my product pages, where do I find it? I can view my product page schema (ctrl + U), but I am unable to locate it in my Shopify files.
I'm using Dawn theme v 11.0.0. My shopify (2.0) doesn't have "product.liquid" or "product-template.liquid" files. Instead, I have "main-product.liquid" and "product.json" files.
Could you guide me a little? Thanks much! 🙂
I had same question but finally I found
Find the below code which mostly in "theme.liquid" then delete it if you won't
<!-- Begin Shopify-Clearpay JavaScript Snippet (v1.0.10) -->
{% if cart.currency.iso_code == shop.currency %}
<script type="text/javascript">
// Overrides:
// var clearpay_min = 0.04; // As per your Clearpay contract.
// var clearpay_max = 1000.00; // As per your Clearpay contract.
// var clearpay_logo_theme = 'colour'; // Can be 'colour', 'black' or 'white'.
// var clearpay_product_selector = '#product-price-selector';
// var clearpay_cart_integration_enabled = true;
// var clearpay_cart_static_selector = '#cart-subtotal-selector';
// Non-editable fields:
var clearpay_shop_currency = {{ shop.currency | json }};
var clearpay_cart_currency = {{ cart.currency.iso_code | json }};
var clearpay_shop_money_format = {{ shop.money_format | json }};
var clearpay_shop_permanent_domain = {{ shop.permanent_domain | json }};
var clearpay_theme_name = {{ theme.name | json }};
var clearpay_product = {{ product | json }};
var clearpay_current_variant = {{ product.selected_or_first_available_variant | json }};
var clearpay_cart_total_price = {{ cart.total_price | json }};
var clearpay_js_snippet_version = '1.0.10';
</script>
<script type="text/javascript" src="https://static.afterpay.com/shopify-clearpay-javascript.js"></script>
{% else %}
<!-- Clearpay disabled: {{ cart.currency.iso_code }} != {{ shop.currency }} -->
{% endif %}
<!-- End Shopify-Clearpay JavaScript Snippet (v1.0.10) -->
look : Popgear
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024