Let customers choose size for each product

Let customers choose size for each product

Valee
New Member
12 0 0

Hi there,

 

I'm selling outdoor kitchens for kamado BBQ's (like Green Egg). Therefore customers need to tell me how big the hole in the kitchen top needs to be, to fit their BBQ. 

 

I added custom fields to the cart page, which answers are added to the order. However, if a customer goes directly to the checkout they will skip the cart page. I tried to remove the direct checkout button, but I couldn't figure out how to hide it from the mini cart. 

 

Another option I looked into was to add a pop-up to the check-out page, but I'm using the free Shopify version so that doesn't work either. 

 

Are there any other options? Or do I need to create variants for all different hole sizes... ? 

 

Kind regards,

Marlou

Replies 5 (5)

Easify-Mark
Excursionist
162 2 2

Hi @Valee,

Instead of adding custom fields that can be ignored on the cart page, you can use the Easify Product Options app (with a free plan available) to create custom fields directly on the product page.You can use options like Text Box, Text Area, Number Box, or Dimension, ensuring customers enter the required information before adding the product to checkout. The entered information will then be added to the order for easy handling. It only takes a minute to set up the custom field. Alternatively, you can use other option types like Dropdown or Button to create available hole size options for customers to choose from. I hope you give the app a try 🤗!

EasifyMark_0-1737738999422.png
Easify Product Options: Any product options app can help you create custom options, but Easify turns those options into sales and conversions!
Easify Inventory Sync: Automate inventory syncing for Bundles, Duplicates, and Raw Materials. Say goodbye to manual tracking headaches.
Easify Product Attachments: Enrich your store with downloadable content. Easily add PDFs and other files to product or any page.
>>> Try Apps for Free | 24/7 Live Chat Support
Valee
New Member
12 0 0

It does not work for featured product blocks, at least not in the free version. 

DaisyVo
Shopify Partner
3782 412 498

Hi @Valee 

I get what you’re saying—you need customers to specify the hole size for their BBQ before completing their order, but they can skip the cart page, which causes issues. Since you’re using Shopify’s free version, some custom solutions might be limited, but here are a few workarounds that should help.

Option 1: Use Line Item Properties (Best Solution)

  • Instead of adding custom fields to the cart page, you can add a line item property field directly on the product page. This ensures the size info is collected before the item is added to the cart.

You’ll need to modify your theme’s product form by adding a text input field in the product.liquid or main-product.liquid file.

Example Code to Add:

<label for="hole-size">Enter BBQ hole size (in cm):</label>

<input type="text" name="properties[BBQ Hole Size]" id="hole-size" required>

  • This will save the hole size directly in the order details and prevent customers from skipping it.

Option 2: Hide the “Buy Now” Button in Mini Cart

  • If you want to remove the direct checkout option from the mini cart, you need to edit your theme’s cart.liquid or cart-drawer.liquid file (depending on your theme).

Look for something like:

<button class="checkout-button">

  • You can either remove it or hide it with CSS:


.checkout-button { display: none !important; }

Option 3: Use Shopify Apps for Product Customization

  • If coding isn’t an option, apps like Infinite Options or Product Customizer let you add required custom fields to product pages without needing Shopify Plus.
  • This would work similarly to line item properties but with an easier interface.

Option 4: Variants (Last Resort)

  • Creating variants for different hole sizes is an option, but it’s not ideal since you’d need to manually enter every possible size. If you have a wide range, it could get messy.

Final Recommendation

The best and simplest way is Option 1: Line Item Properties—it ensures customers enter the hole size before adding the product to the cart and doesn’t require apps or Shopify Plus.

If you need any other assistance, I am willing to help.
Best regards,
Daisy.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Valee
New Member
12 0 0

Thanks voor your reply! I tried the coding, but I don't know where to paste it. Can you tell me where in the current code I can best paste this new code? And is the code you shared complete? 

 

Kind regards,

Marlou

Eli_Kickflip
Shopify Partner
77 5 8

Hi @Valee

 

It sounds like Kickflip could be a great solution for your needs. With Kickflip, you can create custom size questions where customers can input their own dimensions directly in the text fields. This way, they can select the exact size of the hole needed for their outdoor kitchen, and the customization will be visible live in the product preview. They can as well choose from specific dimensions.

 

Once the customer has completed their customization, they can add the item to the cart and proceed to checkout seamlessly. 

 

This should solve your issue with the mini-cart and the need for variants based on the different hole sizes. Plus, it gives a smooth experience for your customers and reduces the risk of any missing information at checkout.

 

I hope you try the platform and see how useful it can be for your needs!

 

Kind regards,

Elisabeth