Looking for a Shopify expert for customization in option_selection.js

  • Posted:
  • Proposals: 22
  • Remote
  • #1490380
  • Expired
Alexey S.Deven N.Prerna Trimurty Infotech Pvt. Ltd. Piyush P.Varinder K. + 17 others have already sent a proposal.
  • 3

Description

Experience Level: Intermediate
Estimated project duration: 1 day or less
Looking for a Shopify expert for a small change on my store - www.bigsmall.in

Require very brief customization of how the variants show and work on the product page of the store.

I want to start using the shopify app - Multi-country pricing by MLVeda (link - https://apps.shopify.com/country-pricing-auto-switch)

Currently, the variants section on the product page on my shopify store has been customized to a great extent, that this app is not functional.

Hence, in the below duplicate theme, I have applied the native theme option_selection.js. All I want is to apply the below customisations on that, without hindering anything else.

Test theme preview - http://bigsmall-in.myshopify.com/?preview_theme_id=170135111


• Display options as radio buttons in vertical mode

• No option should be selected by default

• The user has to select a variant to proceed to add to cart.

• In case a user clicks on add to cart without selecting the variant, an error message prompts the user to select a variant first and then proceed. 
•
• In continuation to the above point, in case of mobile website, the add to cart button is sticky at the bottom of the screen, hence if the user clicks on add to cart without selecting the variant, the screen moves to the variants where the error messages prompts the user to select a variant first and then proceed.


Only experienced Shopify experts required.

New Proposal

Login to your account and send a proposal now to get this project.

Log in

Clarification Board Ask a Question

  • David B.

    Are you in a rush or flexible on deadline?

  • Technocrat Technology Communication

    Hi, Aman.

    Good day to you

    I have few questions to ask,

    -Any specific deadline and budget to be considered?
    Can we have a quick discussion?
    Thank you.
    Shittu, CEO Technocrat.

  • Manim K.

    Can we more discus about project?
    Could you share the full job detail?

  • Amit G.

    can you attach you retirements ?

    Aman H.10 Mar 2017

    I want to start using the shopify app - Multi-country pricing by MLVeda (link - https://apps.shopify.com/country-pricing-auto-switch)

    Currently, the variants section on the product page on my shopify store has been customized to a great extent, that this app is not functional.

    What I want is to integrate the the native radio buttons provided by shopify and then allow for the below mentioned customizations on that. (check last section)

    Please note the below links -

    Live website - https://www.bigsmall.in
    Live product with variants - https://www.bigsmall.in/products/buddha-incense-burner

    Test theme preview - http://bigsmall-in.myshopify.com/?preview_theme_id=170135111
    Test products - https://www.bigsmall.in/products/test-product

    If you will see the test product on the test theme preview, you will see 2 sets of options - color and then country. Basically, from the backend, different pricing is set for in and intl. If the user selects in, and then a color, the price should be rs. 299, whereas, if the user selects intl, the price should be rs. 399. Right now, there is no functionality for this. The value isn’t being affected by the call to action button.

    From the multi country pricing app, the user will not see the country option, but instead, country and pricing will be updated based on his/her ip address.

    Required customisations after implemented the functionality (all of these are live on the current website) -

    • Sorting order is decided based on how we put in the product page

    • Sold out variant is automatically hidden

    • No option is selected by default

    • The user has to select a variant to proceed to add to cart.

    • In case a user clicks on add to cart without selecting the variant, an error message prompts the user to select a variant first and then proceed. 
    • In continuation to the above point, in case of mobile website, the add to cart button is sticky at the bottom of the screen, hence if the user clicks on add to cart without selecting the variant, the screen moves to the variants where the error messages prompts the user to select a variant first and then proceed.



    Would request to you connect on a call and have a clear understanding of the requirements and the work before finalizing the cost for the same.