Spiritual Tech
KPCKevin Powell - Community
•Created by Spiritual Tech on 7/5/2023 in #front-end
Sizes attribute
When creating src sets with sizes, can it be done like this, sizes="(min-width: 320px) 346w,
(min-width: 400px) 548w,
(min-width: 600px) 346w,
(min-width: 800px) 474w,
(min-width: 1100px) 548w,
(min-width: 1500px) 716w,
(min-width: 1900px) 844w,
(min-width: 2500px) 772w"
with "w" as the measurement? And are the queries in order?
1 replies
KPCKevin Powell - Community
•Created by Spiritual Tech on 5/22/2023 in #front-end
Cross Browser testing
What is the best cross-browser testing environment to use? I have used Lambda and Browser Stack and both are subpar.
5 replies
KPCKevin Powell - Community
•Created by Spiritual Tech on 2/10/2023 in #front-end
Footer won't stay at bottom
I am trying to figure out how to get the footer of this page, https://testmage.cluster.helpmefence.com/store/resources-1.html, to stay at the bottom. I cannot recreate this in codepen because many files go into making our pages. Any help would be appreciated. TIA!
64 replies
KPCKevin Powell - Community
•Created by Spiritual Tech on 2/3/2023 in #front-end
SVG into less lines
Is there a way to condense the amount of lines an SVG takes up in an html document?
16 replies
KPCKevin Powell - Community
•Created by Spiritual Tech on 1/24/2023 in #front-end
Masking
I am trying to mask an svg with a solid color. I know I can only mask with a gradient or an image. Is there another option to mask with a solid color?
34 replies
KPCKevin Powell - Community
•Created by Spiritual Tech on 1/16/2023 in #back-end
Retrieve and display the sku
I need this H3 to display the sku of our products in Magento 1.9
<h3 class="product-name<?php echo ($_options = $this->getOptionList())? " has-options": ""; ?>"><?php echo $this->escapeHtml($this->getProductName()) ?> <span>SKU: <?php echo $this->escapeHtml($this->getSku());?></span></h3>
And so far, it will not display the sku.
11 replies
KPCKevin Powell - Community
•Created by Spiritual Tech on 1/16/2023 in #front-end
Output the sku
I need this line of code to retrieve and display the sku and so far I cannot get it to echo the sku. Please help.
<?php echo $this->escapeHtml($this->getSku());?>
9 replies
KPCKevin Powell - Community
•Created by Spiritual Tech on 1/11/2023 in #front-end
Filter
Why won't this work? Only the opacity has been changed. Do I need to create separate lines for each aspect of the filter I want to change? Can I not change more than one aspect of the filter on an element? document.querySelector(".main-container").style.filter = "opacity(0.3)", "saturate(100%)", "hue-rotate(0deg)", "brightness(100%)", "contrast(100%)", "blur(5px)";
6 replies
KPCKevin Powell - Community
•Created by Spiritual Tech on 1/6/2023 in #front-end
Menu disappears
If you go to https://apollogateopeners.com/store/nice-apollo-titan12l1-solar-bundle-with-mercury-310-controller-swing-gate-opener-kit-o-t310-slr-bl.html, and you make the resolution smaller with dev tools so that the hamburger menu appears, click the menu to open it, then while it's open, make the screen smaller and bigger. The menu disappears and then won't come back until you refresh the page. I need the menu to stay open even when the resolution changes. I can't recreate this entire page in codepen because it's very complex, but here is a link to the JavaScript that controls the blur. https://codepen.io/LynSmithDFSuuply/pen/LYBbMKd
9 replies
KPCKevin Powell - Community
•Created by Spiritual Tech on 12/28/2022 in #front-end
The screen pushes to the right when the chat feature is opened on an iPhone only
We are rolling out a new chat feature for our sites. I work for an eCommerce company and I am tasked to maintain over 50 websites. We have started building the chat feature on our test site, https://testmage.cluster.helpmefence.com/store/. I have the task of designing it. The test site is the only place where the feature is activated. Only when engaged on an iPhone, when the bubble is clicked and the chat opens, it works, but when you click in the message box, the whole screen gets pushed to the right and stays that way until the browser refreshes. It pushes the messages, message box, and logo at the top to the right and renders it unusable. I can only debug this with Browser Stack because the same issue isn't present on the mobile simulator in chrome and any other browser.
When you go to the site, it's the bubble that says "Live Sales Chat" on the bottom right-hand side of the screen.
53 replies