
Suljettu
Julkaistu
An order page has been created at the web site [login to view URL] using Shopify Buy Buttons and the page works well, code attached. To see the existing correctly working [login to view URL] navigate to the URL listed above and click 'Order' in the banner at the top of the page Today another two products, called Exquiste 18 and 3 Tier, need to be added to the [login to view URL] page. But when a second row was added to the table on the Order page two issues developed: 1. The background of the table cell, which on the three cells that are correct has color #A17A5C, is transparent. Since the body of the [login to view URL] page is dark brown the text, which is black, can barely be seen. 2. The image of the 3 Tier chandelier is overlapping the cell which contains Chandelier Chic 24. The two issues can be seen in attached filefor marked [login to view URL] and at the website by typing in [login to view URL] The code for the Shopify Buy Buttons, 3 Tier Chandelier and Exquisite 18 are copied herewith below. The table which contains the Shopify Buy Buttons begins at line 117. The table now has one row and three cells. The goal is to add a second row with two more Shopify Buy Buttons for 3 Tier Chandelier and Exquisite 18. The third cell in the second row will be empty except for a [login to view URL] image. Solving these two issues is the project and adding the fifth Shopify Buy Button is the project. ****** Shopify Buy Button for 3 Tier Chandelier ****** <div id='product-component-1769625573325'></div> <script type="text/javascript"> /*<![CDATA[*/ (function () { var scriptURL = '[login to view URL]'; if ([login to view URL]) { if ([login to view URL]) { ShopifyBuyInit(); } else { loadScript(); } } else { loadScript(); } function loadScript() { var script = [login to view URL]('script'); [login to view URL] = true; [login to view URL] = scriptURL; ([login to view URL]('head')[0] || [login to view URL]('body')[0]).appendChild(script); [login to view URL] = ShopifyBuyInit; } function ShopifyBuyInit() { var client = [login to view URL]({ domain: '[login to view URL]', storefrontAccessToken: 'c3500eb90670d8097a39ae1075fda59f', }); [login to view URL](client).then(function (ui) { [login to view URL]('product', { id: '9067058954490', node: [login to view URL]('product-component-1769625573325'), moneyFormat: '%24%7B%7Bamount%7D%7D', options: { "product": { "styles": { "product": { "@media (min-width: 601px)": { "max-width": "calc(25% - 20px)", "margin-left": "20px", "margin-bottom": "50px" } } }, "text": { "button": "Add to cart" } }, "productSet": { "styles": { "products": { "@media (min-width: 601px)": { "margin-left": "-20px" } } } }, "modalProduct": { "contents": { "img": false, "imgWithCarousel": true, "button": false, "buttonWithQuantity": true }, "styles": { "product": { "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0px", "margin-bottom": "0px" } } }, "text": { "button": "Add to cart" } }, "option": {}, "cart": { "text": { "total": "Subtotal", "button": "Checkout" } }, "toggle": {} }, }); }); } })(); /*]]>*/ </script> ****** End of Shopify Buy Button for 3 Tier Chandelier ****** ****** Shopify Buy Button for Exquisite 18 ****** <div id='product-component-1769625670134'></div> <script type="text/javascript"> /*<![CDATA[*/ (function () { var scriptURL = '[login to view URL]'; if ([login to view URL]) { if ([login to view URL]) { ShopifyBuyInit(); } else { loadScript(); } } else { loadScript(); } function loadScript() { var script = [login to view URL]('script'); [login to view URL] = true; [login to view URL] = scriptURL; ([login to view URL]('head')[0] || [login to view URL]('body')[0]).appendChild(script); [login to view URL] = ShopifyBuyInit; } function ShopifyBuyInit() { var client = [login to view URL]({ domain: '[login to view URL]', storefrontAccessToken: 'c3500eb90670d8097a39ae1075fda59f', }); [login to view URL](client).then(function (ui) { [login to view URL]('product', { id: '9067052171514', node: [login to view URL]('product-component-1769625670134'), moneyFormat: '%24%7B%7Bamount%7D%7D', options: { "product": { "styles": { "product": { "@media (min-width: 601px)": { "max-width": "calc(25% - 20px)", "margin-left": "20px", "margin-bottom": "50px" } } }, "text": { "button": "Add to cart" } }, "productSet": { "styles": { "products": { "@media (min-width: 601px)": { "margin-left": "-20px" } } } }, "modalProduct": { "contents": { "img": false, "imgWithCarousel": true, "button": false, "buttonWithQuantity": true }, "styles": { "product": { "@media (min-width: 601px)": { "max-width": "100%", "margin-left": "0px", "margin-bottom": "0px" } } }, "text": { "button": "Add to cart" } }, "option": {}, "cart": { "text": { "total": "Subtotal", "button": "Checkout" } }, "toggle": {} }, }); }); } })(); /*]]>*/ </script> ****** End of Shopify Buy Button for Exquisite 18 ******
Projektin tunnus (ID): 40186694
134 ehdotukset
Etäprojekti
Aktiivinen 14 päivää sitten
Aseta budjettisi ja aikataulu
Saa maksu työstäsi
Kuvaile ehdotustasi
Rekisteröinti ja töihin tarjoaminen on ilmaista
134 freelancerit tarjoavat keskimäärin $355 USD/tunti tätä projektia

Hello, I can integrate the new Shopify Buy Buttons into your existing table layout. I'll fix the background color and image overlap issues to ensure the page remains clean and functional, matching the current design. I need to share a few samples from my portfolio with you. Are you available for a quick chat?
$50 USD 40 päivässä
9,6
9,6

As an experienced Shopify developer with a strong command over HTML and web development, I am confident in my ability to solve the issues you are experiencing on your order page at AlphadalllCorp.com. I have hundreds of hours of experience working on Shopify platforms, and this includes handling complex orders pages and enhancing product display layouts. I can promise the transparency issue will be resolved seamlessly, restoring the #A17A5C background color and making the black text more visible. In addition, I take great pride in my problem-solving abilities, and I am well-equipped to handle overlapping issues like the one you're currently facing with the 3 Tier Chandelier overlapping the cell for Chandelier Chic 24. I will ensure that the layout is correctly rendered with all five Shopify Buy Buttons (including Exquisite 18) fitting snugly within table cells, creating a visually appealing user experience. Overall, choosing me means you're hiring someone who brings a commendable amount of expertise to your project. Your satisfaction is my utmost priority, which is why I guarantee a seamless integration of new elements on your order page while also adhering to your website's existing design. Let me improve upon what's already working and ensure your additions also work harmoniously too.
$100 USD 40 päivässä
9,1
9,1

Hello, Hope you are doing well, I have a 8+ year experience in shopify designing and development, as per your given work requirements i can enhance the product page on your Shopify website to incorporate the Exquisite 18 and 3 Tier products. In regard to the issues you've mentioned which include a problem with cell background color and image overlapping, I am proficient in using CSS and HTML which will enable me fix these issues swiftly and effectively. I have extensive experience working with Shopify, as can be seen from my profile, so I understand how the platform functions. Moreover, I have hands-on experience working with Shopify Buy Buttons - fittingly, I can add another Buy Button, in this case for the 3 Tier Chandelier. Ou're just not getting a developer assigned but also a person who shares your level of commitment to quality work and timeliness as well. Let's make it happen. thank you Regards Gaurav D.
$50 USD 40 päivässä
8,5
8,5

Hello, I will update your Order page in a simple and clean way by adding the two new Shopify Buy Buttons (Exquisite 18 and 3 Tier) into a second table row, with the third cell as your spacer. I can also fix both layout issues by forcing the table cells to keep the #A17A5C background, and adjusting the Buy Button CSS so each product stays contained inside its own cell (no overlap), especially on the 3 Tier image. I will keep the existing working row untouched and make sure the new row matches it perfectly. Looking forward to discussing further. Regards, Kamran.
$50 USD 40 päivässä
8,1
8,1

Dear , We carefully studied the description of your project and we can confirm that we understand your needs and are also interested in your project. Our team has the necessary resources to start your project as soon as possible and complete it in a very short time. We are 25 years in this business and our technical specialists have strong experience in CSS, HTML, Shopify, Web Development, Web Design and other technologies relevant to your project. Please, review our profile https://www.freelancer.com/u/tangramua where you can find detailed information about our company, our portfolio, and the client's recent reviews. Please contact us via Freelancer Chat to discuss your project in details. Best regards, Sales department Tangram Canada Inc.
$55 USD 5 päivässä
8,6
8,6

As an experienced Shopify developer with a deep understanding of HTML and CSS, I am well-equipped to solve the issues on your order page at alphadalllcorp. I have a knack for spotting design flaws and swiftly resolving them, which means I can expertly undertake both problems you've encountered—cell background color and image overlap within the table cells. Furthermore, my proficiency in Shopify Buy buttons is evident from my previous works. I have successfully integrated Shopify Buy buttons in multiple e-commerce stores without any issues similar to what you're experiencing, making me confident in tackling the task well. Choose me, choose expertise and competence in Shopify web design and development. Let's improve your product page effectively, enhancing user experience and ultimately boosting your sales.
$50 USD 40 päivässä
7,9
7,9

Subject: Proposal for Your Web Development Project Hi, After reviewing the details of your project , I’m excited about the potential to collaborate with you. With over a decade of experience in web development, I’m confident in my ability to deliver exceptional results. Here’s why I believe I’d be a great fit for your project: Front-End Development: I have expertise in HTML, CSS, JavaScript, and Bootstrap, enabling me to create visually appealing, responsive designs. Back-End Development: Proficient in CodeIgniter, Laravel, MySQL, and PHP, I can provide robust and scalable solutions. Platform Experience: I am well-versed in WordPress, Shopify, WooCommerce, Elementor, and Webflow. Design/UI/UX: I specialize in Figma, jQuery, and converting PSD files to HTML to ensure a seamless user experience. I am available to start right away and can accommodate your schedule. I would love to discuss how I can help bring your project to fruition. Looking forward to your response! Best, Muhammad Rizwan LA
$50 USD 40 päivässä
8,0
8,0

Hi, I can update your Shopify order page by adding the 3 Tier Chandelier and Exquisite 18 Buy Buttons, fixing the table cell background color (#A17A5C) and preventing image overlap. I’ll ensure the second row matches the first, with centered, responsive buttons and a clean layout. Everything will remain fully editable and visually consistent with your existing page.
$50 USD 40 päivässä
7,7
7,7

Hello, I have carefully reviewed the requirements for enhancing the Shopify products page on your website https://alphadalllcorp.com. To address the issues mentioned, I will first analyze the existing code and identify the root cause of the problems with the table cell background and image overlapping. Then, I will modify the code to add the two new products, Exquisite 18 and 3 Tier, by creating a second row in the table with the corresponding Shopify Buy Buttons. I will ensure that the new row aligns correctly with the existing layout and resolves the visibility and overlapping issues. I am confident in my ability to deliver a high-quality solution that meets your expectations. Let's discuss further details and proceed with the project. Thank you.
$50 USD 40 päivässä
6,5
6,5

I'm experienced in Shopify development and can assist with enhancing the products page on your website. I have a strong understanding of Shopify Buy Buttons and can efficiently add the Exquisite 18 and 3 Tier products to the order page. I will address the issues with transparency in the table cells and image overlapping to ensure a seamless user experience. Let's work together to optimize your Shopify products page.
$50 USD 40 päivässä
6,1
6,1

With over a decade of experience in HTML, Shopify, web design, and web development, my team at SoftwareLinkers has built a reputation for developing secure and scalable digital systems. We're no stranger to the Shopify platform and our robust understanding of APIs allows us to integrate various features effortlessly. The issues you're encountering on the order page can be solved with expertise, knowledge, and an attention to detail – all of which we excel in. Our approach is to understand your business goals, design reliable systems, build solutions that are secure and scalable which precisely aligns with what you need right now. Amidst the transition of adding new products, it's crucial to ensure consistent performance on the existing functionalities. My team is well versed in resolving emerging issues while ensuring that previous functionalities remain intact. In conclusion, what sets us apart from others is our consistent delivery of results exemplified by our high client retention rate, positive testimonials and a 96% job success rate. Choosing my team will not only guarantee resolving your immediate issues but also ensure long-term support for your project. Let’s collaborate and enhance your Shopify storefront together!
$50 USD 40 päivässä
5,9
5,9

Hello Allen P. Allen, I am a skilled web developer with expertise in HTML, CSS, and Shopify. I have carefully reviewed your project requirements to enhance the Shopify products page on alphadalllcorp.com. I understand the issues you are facing with the table layout and image overlapping, and I am confident in my ability to resolve them efficiently. With my experience in Shopify Buy Buttons and web development, I propose to add the Exquisite 18 and 3 Tier products seamlessly to the order page while ensuring proper alignment and visibility. By strategically modifying the existing code and table structure, I will address the transparency and overlapping concerns effectively. I guarantee a reliable delivery, open communication throughout the project, and a polished end result. I am eager to discuss this further and provide a tailored solution for your needs. Looking forward to the opportunity to collaborate. Best regards,
$50 USD 40 päivässä
5,4
5,4

I am Sumit Joshi from Sacesta Technologies. Here’s the approach I’ll take to address the issues: • Table Cell Background Issue: I will apply a solid background color (#A17A5C) to the table cells that are currently transparent. This will make the text visible on the dark brown background of the page and ensure consistency across all product rows. • Image Overlap Issue: I will adjust the layout and positioning of the 3 Tier chandelier image to prevent it from overlapping the Chandelier Chic 24 cell. This will involve fine-tuning the image container’s positioning and ensuring the layout is responsive across different devices. • Add 5th Shopify Buy Button: I will add the new product buttons for 3 Tier Chandelier and Exquisite 18 in the second row, ensuring proper alignment and spacing. The layout will remain clean and responsive, and I’ll make sure the new button integrates seamlessly with the existing ones. • Ensure Consistent Design: I’ll ensure that the overall design and structure remain intact, using CSS for layout adjustments and ensuring the products are displayed neatly on the page. • Test and Optimize: Once the changes are made, I will test the page across multiple devices to ensure the layout and design function smoothly. Given my experience with Shopify and working with custom scripts for product integration, I will ensure all changes are implemented with clean code, fully responsive design, and no disruption to existing collections or links.
$50 USD 40 päivässä
5,6
5,6

Hello, I hope this message finds you well. My name is Suresh, and I am the founder of Sanghvi Technosoft. At Sanghvi Technosoft, our mission is to empower your business to shine, offering comprehensive services from marketing and graphic design to development. If your business is thriving and you're ready to enhance your digital presence and attract more clients, now is the perfect time to leverage our expertise. Here's what we can do for you: Web and Mobile Development: Create high-quality, efficient websites and mobile applications. Digital Marketing: Increase your online visibility and reach. Graphic Design: Craft visually stunning designs to captivate your audience. We have successfully assisted numerous clients across various industries in growing their businesses with top-notch services at competitive prices. Building a website can be a lengthy process, but with Sanghvi Technosoft, you'll receive a high-quality website and content swiftly and effortlessly. Let's discuss your requirements and explore how we can assist you. Message us now to discuss more and get a free quote. I look forward to hearing from you soon! Thanks and Best Regards, Sanghvi Technosoft Note: Final quotation and timeframe for this project will be providing after our discussion.
$50 USD 40 päivässä
5,2
5,2

Hello there, I understand that you are looking to enhance the Shopify products page on your website, specifically adding two new products, Exquisite 18 and 3 Tier, to the existing order page. The current issues include the background color of the table cells being transparent and the image of the 3 Tier chandelier overlapping with the cell content. My proposed solution involves adding a second row to the table with the new Shopify Buy Buttons for the additional products, ensuring proper alignment and visibility of all elements. Key Deliverables: - Addition of the Exquisite 18 and 3 Tier Shopify Buy Buttons to the order page - Resolving the transparent background color issue - Fixing the image overlapping problem I bring expertise in Web Development, Shopify, HTML, and CSS to ensure a seamless integration and resolution of the mentioned issues. I'll share my portfolio with you in the DM. Kindly, ping me there. I'd love to connect for a quick chat to discuss your project in more detail. Best regards, Bilal
$50 USD 40 päivässä
4,8
4,8

I am a seasoned Full Stack Engineer with expertise in Web and Mobile Application Development. I have carefully reviewed your project requirements to enhance the Shopify Products Page on your website. I understand that you need to add two new products, Exquisite 18 and 3 Tier, to the existing order page. I have identified the issues you are facing with the table layout and image overlapping, and I am confident in my ability to resolve these challenges effectively. By adding a second row with the Shopify Buy Buttons for the new products and ensuring proper styling and alignment, I will enhance the user experience and functionality of the order page. I have extensive experience working with Shopify Buy Buttons and can seamlessly integrate the new products into the existing layout. I am excited about the opportunity to work on this project and deliver a high-quality solution that meets your requirements. Let's collaborate to enhance your Shopify Products Page and provide a seamless shopping experience for your customers.
$40 700 USD 40 päivässä
4,4
4,4

Greetings! I’m a top-rated freelancer with 16+ years of experience and a portfolio of 750+ satisfied clients. I specialize in delivering high-quality, professional Shopify products page enhancing services tailored to your unique needs. Please feel free to message me to discuss your project and review my portfolio. I’d love to help bring your ideas to life! Looking forward to collaborating with you! Best regards, Revival
$50 USD 40 päivässä
4,7
4,7

Hello! Your second row broke the layout because the cell background style is not being applied to the new td and the Buy Button widget is overflowing its container, so I will fix the CSS rules and constrain each product block so everything stays inside its own cell. Add the two new Shopify Buy Buttons for Exquisite 18 and 3 Tier into a second table row, with the third cell containing only spacer gif Fix the transparent cell issue by applying background color #A17A5C directly to the table td rule that targets all cells in that Buy Button table, not just the first row Stop the 3 Tier image overlap by forcing each product component wrapper to be block level, max width 100 percent, zero left margin, and no negative layout shifts inside table cells Add a small table layout cleanup: consistent padding, vertical align top, and safe overflow handling so tall images cannot spill into сосед cells Deliver the updated order htm file plus a two line note explaining what changed and where to edit if you add more products later Warm regards, Yulius Mayoru
$50 USD 40 päivässä
3,6
3,6

I would be an ideal candidate to tackle the challenges you are facing with your Shopify products page. With over a decade of experience in building and optimizing websites, I am well-versed in dealing with code-related issues at every level, including CSS and HTML. Moreover, I have a deep understanding of Shopify and its various features, which will allow me to smoothly integrate the two new product buttons into your existing code. An eye for design is crucial in creating a user-friendly ordering page, and I believe my experience with modern website design and the use of tools such as Elementor will play a significant role in enhancing your website even further. You mentioned issues with transparency and image overlapping - this is where my skills come in play. I can efficiently solve these issues by identifying the problem areas in your code and making the necessary adjustments. Lastly, one of my core focuses is site optimization for speed, performance, and ease of use – all aspects vital in running a successful eCommerce store. By entrusting me with your project, you can expect tangible results, improved functionality, and an optimized ordering page that complements your brand aesthetic. Lets Connect
$55 USD 40 päivässä
3,4
3,4

Hello Allen, I am interested in enhancing the Shopify products page for your website, alphadalllcorp.com. I have a strong understanding of the project requirements, which involve adding two new products, Exquisite 18 and 3 Tier, to the existing order page. I have expertise in HTML, Web Design, Web Development, and specifically Shopify customization. I propose to address the issues with the table cell background color and image overlapping by adding a second row with the new products and adjusting the styling accordingly. I will ensure seamless integration of the Shopify Buy Buttons for the new products. - MY WORK STATS: ✨ https://www.freelancer.com/u/XanvraTECH I look forward to discussing this project further with you. Best regards, Warda Haider
$50 USD 40 päivässä
2,5
2,5

Dallas, United States
Maksutapa vahvistettu
Liittynyt helmik. 10, 2005
$30-250 USD
$100-225 USD
$30-250 USD
$250-750 USD
$30-100 USD
$250-750 USD
€8-30 EUR
€8-30 EUR
₹600-1500 INR
$30-250 USD
₹600-1500 INR
$10-1000 USD
₹600-1500 INR
$250-750 USD
₹1500-12500 INR
$30-250 AUD
₹12500-37500 INR
$750-1500 USD
₹1500-12500 INR
$100 USD
€30-250 EUR
$30-250 USD
$250-750 USD
€30-250 EUR
€250-750 EUR