Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by christina_marie_333

  1. Site URL: https://global-golf-tech-solutions.com.au Cookiebot is telling me to use In the header <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="109ec1f0-71f3-4dd5-bc37-24475285a6de" type="text/javascript" async></script> and <script id="CookieDeclaration" src="https://consent.cookiebot.com/109ec1f0-71f3-4dd5-bc37-24475285a6de/cd.js" type="text/javascript" async></script> in the site footer but these code injections are not working ive also followed the rules via https://www.cookiebot.com/en/help/ this is for a clients website any help would be apricated as i haven't be able to do it myself
  2. Site URL: https://luxbubs.com.au Need help changing the font colour on entire page to black. I tried in style designs but haven't had any luck. Thank you
  3. <style> .ProductList-grid .ProductList-item { padding-bottom: 50px; } .ProductList-grid .ProductList-item .sqs-add-to-cart-button { position: absolute; z-index: 1000; bottom: 0; left: 0; right: 0; width: auto; margin: 20 auto; padding-right: 5px; padding-left: 5px; } .ProductList-grid .ProductList-item .ProductList-overlay { margin-bottom: 70px; } </style> <script> $(".ProductList-grid .ProductList-item").each(function(e){ $(this).append('<div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-editable-button" role="button" tabindex="0" data-product-type="1" data-original-label="Add To Cart"><div class="sqs-add-to-cart-button-inner">Add To Cart</div></div>'); }); $(function() { $(".ProductList-grid .ProductList-item").each(function(e){ var dataItemId = $(this).attr('data-item-id'); $(this).find('.sqs-add-to-cart-button').attr('data-item-id', dataItemId); }); }); </script>
  4. Thank you, however now on my product categories shop Mesh market bags (example ) The buttons are long? Is it possible to make them the same sitewide As you did with code above on summary on home page.
  5. Site URL: https://www.huntandgathergrocer.com.au/ .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item, .sqs-block-summary-v2 .summary-item.positioned { padding-top:30px AUTO; } .summary-content { position:TOP; } .summary-title .summary-title-link:after { content: ' add to cart'; background-color: #FDEEF4; border-radius: 1px; display: block; padding: 10px 10px; font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: 400; font-style: normal; line-height: normal; text-transform: uppercase; letter-spacing: 1px; color: #000; background-color: normal; border-color: normal; position: AUTO; bottom: -10 } how do i make this button shorter and not take up the length of the screen / page? Also how would i center it under the price of the product ? instead of between the heading and the price please see url also if any one could help me understand as to why my page is loading off center on mobile phone that would be amazing? I am stumped as to why i've changed my boarder so many times and my mobile break point and this isn't working
  6. Site URL: https://www.huntandgathergrocer.com.au/ .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item, .sqs-block-summary-v2 .summary-item.positioned { padding-top:100px !important; } .summary-content { position:auto; } .summary-title .summary-title-link:after { content: ' add to cart'; background-color: #FDEEF4; border-radius: 2px; display: block; padding: 10px 20px; font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 12px; font-weight: 600; font-style: normal; line-height: normal; text-transform: uppercase; letter-spacing: 1px; color: #000; background-color: normal; border-color: normal; position: auto; bottom: -10 } how would i move the add to cart button to be below the price and title instead of between them ? www.huntandgathergrocer.com.au
  7. Site URL: https://www.huntandgathergrocer.com.au/ Version 7.0โ€“ Brine family (Jaunt template) I need help people are complaining my site isn't mobile friendly. all they have to do is zoom out on there phone to show the site in full how I want it to be displayed but they don't and they get a bad experience. Ive tried playing with the padding and mobile break point to fix it but that isn't changing anything What do I do? please see screenshot
  8. Site URL: https://adrian-alex-webpage-design.squarespace.com/ <div id="bee"> <img src="//content.invisioncic.com/p289038/monthly_2021_04/2042369419_mouserov.png.780f6ae1eb5d64a63dcbd0a02dc08f49.png" /> </div> <style>.left { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .right { -moz-transform: scaleX(1); -o-transform: scaleX(1); -webkit-transform: scaleX(1); transform: scaleX(1); filter: FlipH; -ms-filter: "FlipH"; } #bee {transition: transform .1s}</style> <script> var bee = document.getElementById("bee"); document.addEventListener("mousemove", getMouse); bee.style.position = "absolute"; //css var beepos = {x:0, y:0}; setInterval(followMouse, 50); var mouse = {x:0, y:0}; //mouse.x, mouse.y var dir = "right"; function getMouse(e){ mouse.x = e.pageX; mouse.y = e.pageY; //Checking directional change if(mouse.x > beepos.x){ dir = "right"; } else { dir = "left"; } } function followMouse(){ //1. find distance X , distance Y var distX = mouse.x - beepos.x; var distY = mouse.y - beepos.y; //Easing motion //Progressive reduction of distance beepos.x += distX/5; beepos.y += distY/2; bee.style.left = beepos.x + "px"; bee.style.top = beepos.y + "px"; //Apply css class if (dir == "right"){ bee.setAttribute("class", "right"); } else { bee.setAttribute("class", "left"); } } </script> When the mouse tracks to far to the right it drags the page out making things off center on my page. the 3D model especially. Any help would be great I haven't got that much experience understanding how to fix this problem as i fould this code on codepen Survey page but also entire site.
  9. Would you know how I can stop the mouse ๐Ÿ€ from tracking to far to the right ๐Ÿ‘‰, as requested in few post
  10. How do I stop the mouse ๐Ÿ€ from tracking to far to the right ๐Ÿ‘‰ moving the screen across on mobile and desktop. Please help
  11. Would I use a media quire with a collection id?
  12. That works great! But it still doesn't work well on mobile view, would I just have to change the screen ๐Ÿ’ป setting for mobile view in the style design settings on sqaurespace
  13. Sorry Creedon try this one https://adrian-alex-webpage-design.squarespace.com/survey-aus-rov ๐Ÿ˜Š
  14. Hey Creedon Fantasic news! I have been able to add the obj file on Google Poly https://adrian-alex-webpage-design.squarespace.com/test-code-page Any idea on how to center the 3D model within the code block? Or a container Any idea on how to add a media query so it works on mobile devices? Thank you for you help!
  15. Hi Creedon this is amazing progress! I just have to figure out how to turn my glb into a url? Any idea on how I can do this? Thank you so so so much
  16. <!DOCTYPE html> <html lang="en"> <head> <title>&lt;model-viewer&gt; Interactive Example</title> <meta charset="utf-8"> <meta name="description" content="&lt;model-viewer&gt; interactive example"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link type="text/css" href="../styles/examples.css" rel="stylesheet" /> <link rel="shortcut icon" type="image/png" href="../shared-assets/models/favicon.png"/> <!-- ๐Ÿ’ OPTIONAL: The :focus-visible polyfill removes the focus ring for some input types --> <script src="../node_modules/focus-visible/dist/focus-visible.js" defer></script> <style> body, html { height: 100%; font-size: 10pt; } label { display: inline-block; width: 120px; height: 24px; } input { vertical-align: middle; } input.number { border: 0; background: transparent; font-size: 16px; width: 32px; outline: none; } select { font-size: 14px; } #container { display: flex; height: 100%; } model-viewer { flex-grow: 1; height: 100%; } #instructions { width: 320px; margin-top: 10px; margin-left: 30px; margin-bottom: 20px; } .hotspot{ width: 20px; height: 20px; border-radius: 10px; border: none; background-color: blue; } .annotation{ background-color: #888888; position: absolute; transform: translate(10px, 10px); border-radius: 10px; padding: 10px; text-align: left; } .hotspot.selected{ background-color: red; } .hotspot:not(.selected) > .annotation{ display: none; } @media screen and (max-width: 320px) { #instructions { display: none; } } </style> </head> <body> <div id="container"> <div id="instructions"> <h1> <a href="https://github.com/google/model-viewer" target="_blank" rel="noopener">&lt;model-viewer&gt;</a> </h1> Drop a <a href="https://github.com/KhronosGroup/glTF" target="_blank" rel="noopener">glTF or GLB</a> for the model =><br/> Drop an <a href="https://hdrihaven.com/" target="_blank" rel="noopener">HDR or JPG</a> for the skybox =><br/> <input type="file" id="input" multiple><br/><br/> <label for="src">src:</label> <select id="src"> <option value="../shared-assets/models/Astronaut.glb">Astronaut</option> <option value="../shared-assets/models/glTF-Sample-Models/2.0/BoomBox/glTF-Binary/BoomBox.glb">Boom Box</option> <option value="../shared-assets/models/glTF-Sample-Models/2.0/BrainStem/glTF-Binary/BrainStem.glb">Brain Stem</option> <option value="../shared-assets/models/glTF-Sample-Models/2.0/Corset/glTF-Binary/Corset.glb">Corset</option> <option value="../shared-assets/models/glTF-Sample-Models/2.0/DamagedHelmet/glTF-Binary/DamagedHelmet.glb" selected>Damaged Helmet</option> <option value="../shared-assets/models/glTF-Sample-Models/2.0/FlightHelmet/glTF/FlightHelmet.gltf">Flight Helmet</option> <option value="../shared-assets/models/glTF-Sample-Models/2.0/Lantern/glTF-Binary/Lantern.glb">Lantern</option> <option value="../shared-assets/models/glTF-Sample-Models/2.0/Suzanne/glTF/Suzanne.gltf">Monkey</option> <option value="../shared-assets/models/glTF-Sample-Models/2.0/SpecGlossVsMetalRough/glTF-Binary/SpecGlossVsMetalRough.glb">Water Bottles</option> <option value="../shared-assets/models/RobotExpressive.glb">Robot Expressive</option> <option value="../shared-assets/models/alpha-blend-litmus.glb">Transparency Test</option> <option value="../shared-assets/models/glTF-Sample-Models/2.0/MetalRoughSpheres/glTF/MetalRoughSpheres.gltf">Metal Rough Spheres</option> </select><br/> <label for="environmentImage">environment-image:</label> <select id="environmentImage"> <option value="" selected>default</option> <option value="../shared-assets/environments/spruit_sunrise_1k_HDR.hdr">spruit sunrise HDR</option> <option value="../shared-assets/environments/spruit_sunrise_1k_LDR.jpg">spruit sunrise JPG</option> <option value="../assets/music_hall_01_1k.hdr">music hall</option> <option value="../assets/whipple_creek_regional_park_04_1k.hdr">whipple creek</option> <option value="../shared-assets/environments/aircraft_workshop_01_1k.hdr">aircraft workshop</option> <option value="../assets/pillars_1k.hdr">pillars</option> </select><br/> <label for="useSkybox">use as skybox:</label> <input id="useSkybox" type="checkbox" disabled="true"><br/> <label for="exposure">exposure:</label> <input id="exposure" type="range" step="0.01" min="0" max="2" value="1"> <input id="exposureValue" value="1" class="number"><br/> <label for="shadowIntensity">shadow-intensity:</label> <input id="shadowIntensity" type="range" step="0.01" min="0" max="1" value="0"> <input id="shadowIntensityValue" value="0" class="number"><br/> <label for="shadowSoftness">shadow-softness:</label> <input id="shadowSoftness" type="range" step="0.01" min="0" max="1" value="1"> <input id="shadowSoftnessValue" value="1" class="number"><br/> <label for="autoRotate">auto-rotate:</label> <input id="autoRotate" type="checkbox"><br/><br/> To create a seamless poster:<br/> Orient model and resize window to desired size (small is recommended), then click:<br/> <button onclick="createPoster()">Create Poster</button><br/> Then resize window to any aspect ratio and click:<br/> <button id="display" onclick="reloadScene()">Display Poster</button><br/> Click the model to dismiss the poster and interact. To save your poster, click:<br/> <button id="download" onclick="downloadPoster()">Download Poster</button><br/> camera-orbit: <div id="cameraOrbit"></div><br/><br/> To calculate hotspot locations, click:<br/> <button onclick="addHotspot()">Add Hotspot</button><br/> Then click on the model.<br/> To remove a hotspot, select it, then click:<br/> <button onclick="removeHotspot()">Remove Hotspot</button><br/> </div> <model-viewer id="loading-demo" autoplay camera-controls interaction-prompt="none" src="../shared-assets/models/glTF-Sample-Models/2.0/DamagedHelmet/glTF-Binary/DamagedHelmet.glb" alt="A 3D model"> </model-viewer> </div> <div class="footer"> <ul> <li class="attribution"> <a href="https://poly.google.com/view/dLHpzNdygsg">Astronaut</a> by <a href="https://poly.google.com/user/4aEd8rQgKu2">Poly</a>, licensed under <a href="https://creativecommons.org/licenses/by/2.0/">CC-BY</a>. </li> <li class="attribution"> <a href="https://github.com/KhronosGroup/glTF-Sample-Models/tree/master/2.0/DamagedHelmet">Damaged Helmet</a> by <a href="https://sketchfab.com/theblueturtle_">theblueturtle_</a>, licensed under <a href="https://creativecommons.org/licenses/by-nc/3.0/us/">Creative Commons Attribution-NonCommercial</a>. </li> <li class="attribution"> <a href="https://github.com/mrdoob/three.js/tree/dev/examples/models/gltf/RobotExpressive">RobotExpressive</a> by <a href="https://www.patreon.com/quaternius">Tomรกs Laulhรฉ</a>, licensed under <a href="https://creativecommons.org/publicdomain/zero/1.0/">CC0</a>. </li> <li class="attribution"> <a href="https://hdrihaven.com/hdri/?h=small_hangar_01">small_hangar_01_1k.jpg</a> by <a href="https://hdrihaven.com">HDRI Haven</a>, licensed under <a href="https://hdrihaven.com/p/license.php">CC0</a>. </li> <li class="attribution"> <a href="https://hdrihaven.com/hdri/?h=whipple_creek_regional_park_04">whipple_creek_regional_park_04_1k.hdr</a> by <a href="https://hdrihaven.com">HDRI Haven</a>, licensed under <a href="https://hdrihaven.com/p/license.php">CC0</a>. </li> </ul> <div style="margin-top:24px;" class="copyright">ยฉCopyright 2018-2020 Google Inc. Licensed under the Apache License 2.0.</div> <div><a href="https://github.com/google/model-viewer">Github</a> โˆ™ <a href="https://model-viewer.glitch.me/">Glitch</a> โˆ™ <a href="https://github.com/google/model-viewer/issues">Bug report</a></div> </div> <script type="module" src="./built/tester.js"></script> <!-- Documentation-specific dependencies: --> <script type="module" src="./built/dependencies.js"> </script> </body> </html>
  17. Yes this is the code I was trying to use, however I'm also no expert. would be happy to pay you to help me via paypal? I added my glb file but could't work out how to implement it into the html? would you know how to un mangle it? I could email you the file? Any help would be amazing. Just give me a rough quote. ๐Ÿ™‚
  18. Hi Creedon thank you so much for your reply I'm trying to add a 3D model image to my sqaure space website that visitors can grab / rotate and view all angles I have the same image file saved as OBJ FBX PLY STL I'd like the web user to be able to hover mouse over image and drag and pull move and interact with the 3D model file I have of a laser scan of a pipe. To show website visitors the defects in the image. I have uploaded a still Jpeg of the 3D model file. I've tired using paid third party programs like Vectary but I can't seem to get those embeded codes to work on Sqaurespace either. Really stuck because entire site is build on sqaurespace for a rov engineering company,
  19. <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>Model Viewer</title> <!-- Import the component --> <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script> <style> Model viewer { Width:400px; Height:600px; Margin: 0 auto; } </style> </head> <body> <model-viewer> scr="https://products.aspose.app/3d/assets/js/aspose.3d-2.0.js" camera-controls auto-rotate</model> </body> </html> I keep getting syntax error one line? what does this mean
  20. this is the video that helped me write that html I have the file as a obj but can't open or load it onto google poly. I can't open the file on my computer unless using windows 10 3D model viewer and can save and download the file as a jbl I have the file on a dropbox as a obg Looking for some help thank you
  21. Site URL: https://adrian-alex-webpage-design.squarespace.com/ <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>Model Viewer</title> <!-- Import the component --> <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script> <style> Model viewer { Width:400px; Height:600px; Margin: 0 auto; } </style> </head> <body> <model-viewer> scr=โ€HOW DO I ADD MY OBJ FILE HERE?โ€ </model> </body> </html> or <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta charset="utf-8"> <title>Model Viewer</title> <!-- Import the component --> <script type="module" src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js"></script> <style> Model viewer { Width:400px; Height:600px; Margin: 0 auto; }} </style> </head> <body> <model-viewer> scr="https://products.aspose.app/3d/assets/js/aspose.3d-2.0.js" camera-controls auto-rotate >< </model> </body> </html> I'm trying to add a 3D model to website for free without using thirdparty programs
  22. How do I add (add to cart buttons to the summary (gallery) block on my home page? ) any help would be amazing be trying to figure it out. Also I added a widget with eflsight for a PayPal button but the current close injection only allows one shipping option for domestic shipping is there a way of adding a second option for international shipping? Also any help with my general sight or recommendations for better usability would be great. Thank you heaps
  23. how do I add a (add to cart button to my summary block? on my homepage) www.huntandgathergrocer.com.au at the momment it only displays the price? is there a way I can add a add to cart button under the price using stying css or javascript? Thank you
  • Create New...