This product has two different variants with different price. When selecting the variant, price won't update on desktop, but it does update on mobile. This is an example product: Example product...
Maybe someone can help me here. I'm using a Upsell app that displays an upsell module at the bottom of my product page. I'm creating a product template for a product landing page that should not have...
Ok, so I created a duplicate of the slideshow.liquid in Debut Theme and started making my changes, the goal was to enable a specific hero for mobile and specific hero for desktop. I use theme kit to ...
So I created a different menu for mobile, but can't seem to find where to use the handle in header.liquid. I was thinking on using media queries in the stylesheet to hide/show each menu according to ...
Ok, so I'm still learning web development, so I sometimes get stuck with theme customization. I changed the navigation on my collections pages so I can have tags as clickable links within each collec...
Aug 27, 2020
Long story short, I added a '_' to the beginning of every word in the product tags for a custom filtering functionality thing I needed. Now I realized that if a user's search terms does not contain t...
Aug 5, 2020
Hey guys! Maybe someone here can help me! I'm followed this guide to add a script for creating a sticky navigation header that automatically hides when scrolling down and unhides when scrolling up. I...
Jun 26, 2020
So I use tags a lot to identify products, create collections with promotions or coding for products to display certain information based on tags. Recently I made a huge change in my store where I add...
So I search of improving navigation on my sight I decided to enable 'filtered by tag' option on collection page, however, I use the tags often for identification in Shopify's dashboard so I don't wan...
Jun 17, 2020
So I managed to add a shadow 'on hover' or 'on active' (for mobile) on each product on the collection pages. However, I noticed that either mobile or desktop, the shadow is cropped on the ...
Apr 29, 2020
Hi! So I managed to add sections in other pages such as product pages or normal pages by adding the code { % section 'desired-section' %} on the template's code. However, I noticed that if I want to ...
Apr 22, 2020
Hi! I'm trying to customize a blog post using images as buttons. What I realized, is that I added the link and all images are clickable, but some have the normal hover opacity change and are underlin...
Hi everyone! So I'm starting my blog and I wanted to add some products at the button with the new "Create buy button" tool in Shopify. I already did and someone over here helped me to place three pro...
Just tried adding font-weight: 400; to the css .product-price with no luck. Does anybody knows how to do this? https://coolpebbles.com.mx/collections/wellness The price and the sale price...
Mar 24, 2020
So this is the blog post I want to correct. I added some buttons on the HTML editor on the blog post creator, and managed with the current line of code to keep three items in the same line at the bot...
Mar 19, 2020
I want to display certain color variants as main products so people can see them on collection pages. I wouldn't mind adding a new product displaying the variant, but that won't link to the actual in...
Mar 18, 2020
Hi everyone! So I'm trying to change my blog page title but I saw in the blog_template.liquid that it is referencing {{page_title}}. I don't want my store's name the a hyphen an then the blo...
I was looking at Search Console Engine and found an issue in my products: Either "offers", "review", or "aggregateRating" should be specified. I read a bit further and it seem...
So I'm followed this great guide to shorten my product description in featured products for the homepage. I usually have long description and don't wanted to have a featured product on my homepage so...
Hi! So I used to have my PayPal express checkout button on my cart page but didn't really liked it and people didn't use it so I disabled it. The problem is that after disabling it, the checkout butt...
So basically I follow a very cool guide to have the header on Debut Theme as sticky or fixed, this is the guide. However, if you browse the store on mobile, you'll notice that upon clicking the menu ...
So I modified Debut Theme in order to have the product images thumbnails a slider while browsing on mobile so people wouldn't have to scroll all the way down to click each image. It works but I think...
Hi everyone! I have several limited products and I wanted to show the inventory quantity in the product pages by using product tags. The idea is for all the products tagged with 'last pieces' that ha...
Hi! So once I modified the code to not show the collection description, I wanted to write descriptions for SEO purposes but didn't want to it to be displayed in my store. What I did was comment the l...
Dec 7, 2019
Hi! I added an announcement bar to announce our new free shipping deal. I want to link it to a Rich Text section below on the same homepage with the specifics for the deal. What I did is I created a ...
No content to show
User Activity
It is ok on the default product template, but not on the new one. The specific product is the one linked on the first post, here's that link: https://coolpebbles.com/products/lillipot This is the product displaying the problem.
So I learned liquid, html, css and js to customize my store. I created a landing page (made out of several sections) where I embeded a new product template for a product with the intention to make a more visually-juicy landing page, but somehow, the ...
08-09-2020
Great! How can I leave a similar gap between the buttons as in the variant example?
08-09-2020
Hey! Just noticed that it doesn't work properly in products with no variants! I tried adding the same styles to the following class with no luck!.product-form--payment-button-no-variants { Would you happen to know a solution?Example 1: product with ...
08-08-2020
Thanks a lot! I'll look into that. Still, it looks pretty awesome as it is now, thks!
08-08-2020
Chrome 84 on desktop and safari on mobile.
08-08-2020
Sure! How weird it looks nice on your side! Here's mine. It's just a tiny bit:
08-08-2020
It works but it seems on mobile the ATC buttons shifts a couple of pixels down, not sure which part is causing that. Other than that, it works like a charm.
08-08-2020
This looks great! If I'd like to have them also inline on smartphones? I know I must add some media-query lines, but not sure! I'm just starting to learn CSS! Thanks a lot, I appreciate your help.
08-08-2020
Hey! So I'm costumizing my buttons on product page but I can't seem to move the ATC button (Agregar al carrito) to be inline with the Buy Now (Comprar ahora) button. I tried using flex, on my theme.css file but I can't seem to achieve this. The goal ...
It works great! Thanks a lot! I'll also check your guide!
I'm using a chrome browser, I'll attach a screenshot with an arrow showing the gap. When I try to selecto a sub menu from the drop down y disappears because It's far bellow from the hover.
Thank you, this worked nice for enabling the menu, but the drop-down appears a few pixels below so there's no chance to click it before it disappears? Why do you think this is happening?
Hey! Sure, my URL is https://coolpebbles.com
So this is my store. I used to use a Mega Menu app called qikify which had a great menu. But after some redesign and changes in my collections, I simplified my menu and didn't need the mega menu, so I disabled it. Somehow, it rendered Shopify's nativ...
