Product Page

Topic summary

A user is customizing their product page layout and needs help positioning an image between the product selector and the ‘Add to Cart’ button.

Current Issue:

  • The user has already added a block to display product information but cannot calculate the total price correctly (e.g., showing 5750 for 230*25 calculation).
  • Screenshots show the desired layout changes.

Proposed Solutions:

  • Creating a custom block using Liquid code (requires development skills or hiring help).
  • Potentially using apps, though this isn’t recommended for performance reasons.

Status:

  • A community member offered to help by requesting collaborator access to implement the necessary Liquid and JavaScript code changes.
  • The conversation is moving to private messages to exchange collaborator credentials and complete the customization.
Summarized with AI on November 4. AI used: claude-sonnet-4-5-20250929.

My product screen looks like this.

I want to add the photo below between the selector and the add to cart button. How do i do that.

Screenshot 2024-10-21 155806.png

You will need a custom block creating for the template which means either building it yourself in liquid or finding someone who can do it for you (usually not free). It may be possible also through apps but this is not recommended practice for performance reasons on the product page.

Hi @Krish9870 ,

Please send the website link, I will check it for you

https://www.voolfashion.in/

I already added total but i don’t know how to calculate the total

Hi @Krish9870 ,

Are you referring to this?

Yes, I already added the block but i don’t know how to calculate the total. It should show 5750 that is 230*25

Hi @Krish9870 ,

Can I send you a collaborator invite? it will need to change the code in both Liquid and JS, I will check and add it

Yes, sure that would be great

Hi @Krish9870 ,

Please send me the collaborator code in a private message, I will send you the invitation and check it