❓ Help Shopify Web need help

yanz619

Eternal Poster
View attachment 3126820
View attachment 3126821



Hello po pa help po ako regarding po ito gusto ko po kasi maging ganito
and my codes po ako
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Custom Links Drawer</title>
<style>
body{margin:0;font-family:Arial,sans-serif}
.custom-links-section{background:#132446;padding:10px 20px;text-align:left}
.drawer-toggle{color:#fff;cursor:pointer;font-size:24px}
.custom-links-container{display:none;position:fixed;top:0;left:0;height:100%;width:80%;background:#132446;padding:20px;z-index:999;transition:transform 0.3s;transform:translateX(-100%)}
.custom-links-container.open{transform:translateX(0)}
.custom-link{color:#fff;text-transform:uppercase;font-weight:bold;text-decoration:none;display:block;margin-bottom:10px;transition:color 0.3s}
.custom-link:hover{color:#add8e6}
Media (max-width:749px){
.drawer-toggle{display:block}
.custom-links-container{display:block}
}
Media (min-width:750px){
.drawer-toggle{display:none}
.custom-links-container{display:none}
}
</style>
</head>
<body>
<div class="custom-links-section">
<div class="drawer-toggle" onclick="toggleDrawer()">☰</div>
<div class="custom-links-container" onclick="closeDrawer()">
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Carpet Lining</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Rubber Matting</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Upholstery Fabrics</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Vinyl Flooring</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Insulation</a>
<a href="You do not have permission to view the full content of this post. Log in or register now." class="custom-link">Adhesive</a>
</div>
</div>

<script>
function toggleDrawer() {
var drawer = document.querySelector('.custom-links-container');
drawer.classList.toggle('open');
}

function closeDrawer() {
var drawer = document.querySelector('.custom-links-container');
drawer.classList.remove('open');
}

document.addEventListener('click', function(event) {
var drawer = document.querySelector('.custom-links-container');
if (!drawer.contains(event.target) && !document.querySelector('.drawer-toggle').contains(event.target)) {
drawer.classList.remove('open');
}
});
</script>
</body>
</html>

Pero ang problem is di ko alam saan ko po i paste sa shopify

View attachment 3126819
 

About this Thread

  • 1
    Replies
  • 383
    Views
  • 1
    Participants
Last reply from:
Unknown user

Trending Topics

Online now

Members online
1,101
Guests online
1,238
Total visitors
2,339

Forum statistics

Threads
2,273,711
Posts
28,951,031
Members
1,234,928
Latest member
korn bill
Back
Top