Code with zoynul

Custom WooCommerce Product Sorting Dropdown

WooCommerce provides a default sorting mechanism for products in the shop archive. However, sometimes you may need to customize the sorting options to enhance the user experience. In this tutorial, we will create a custom product sorting dropdown and integrate it into WooCommerce using PHP and JavaScript. Steps to Implement Custom Product Sorting 1. Add […]

View code

Woocommerce rest api docs

https://woocommerce.github.io/woocommerce-rest-api-docs/#introduction

View code

Shopify cheat sheet

https://www.shopify.com/partners/shopify-cheat-sheet

View code

Creating a Custom WordPress Shortcode to Print and Download PDFs with Dynamic Backgrounds

When developing custom WordPress themes or plugins, adding functionality like printing and downloading PDFs can enhance user experience. In this guide, we’ll walk you through creating a custom shortcode that allows users to print and download PDFs directly from a button, with dynamic options like changing the button’s background color. This solution is ideal for […]

View code

How to Install TailwindCSS in Your Shopify Theme: A Step-by-Step Guide

Step 01 : Install tailwindcss Step -02 : Create a src folder create a file tailwind.css and Add the @tailwind directives for each of Tailwind’s layers to your main CSS file. Step – 03:write into the content for support tailwind into liquid Note: I installed the daisyui, you can install easily and add this line “require(‘daisyui’)” Step […]

View code

Here are Top 21 Websites to Land Remote Jobs and Earn in USD 💼💲

Are you ready to break free from the traditional job search and explore exciting remote opportunities that pay in USD? Look no further! Here’s a handpicked list of 21 websites where your dream remote job awaits: 1. Working Nomads: Tailored remote work opportunities to match your skills and preferences. (https://lnkd.in/g_2f9xuJ) 2. Remote.co: Curated listings from companies […]

View code

18 Important HTTP Status Codes You Must Know 🔥

– 200 OK: Request succeeded– 201 Created: Resource created– 202 Accepted: Accepted request– 204 No Content: Accepted request– 301 Moved Permanently: Accepted request– 302 Found: Temporarily moved– 304 Not Modified: Not modified– 400 Bad Request: Bad request error– 401 Unauthorized: Needs authentication– 403 Forbidden: Access Forbidden– 404 Not Found: Resource Not Found– 405 Not Allowed: […]

View code

Shopify Cli

Shopify.app.toml scope or config update Shopify partner scope update

View code

Here are the 10 Best Tools for Content writers:

1 Lunchbreak AI Use AI to research and write your own essays, detection free 2. Google Gemini A Free alternative of Chatgpt-4 by Google 3. Humanize AI by AISEO Transform AI-generated text with a human touch using AISEO Bypass AI Tool. Enhance content quality and authenticity effortlessly. 4. Trinka AI Trinka is an online grammar […]

View code

Here are the 10 best AI tools to boost your productivity

1. Numerous.aiNumerous AI lets you use ChatGPT in Excel.Link: https://numerous.ai/ 2. PopAiCreate compelling presentation in seconds.https://www.popai.pro/ 3. EightifySummarize YouTube video in secondsEightify.app 4. Stockimg AIGenerate Stunning images and logo’s in seconds.https://stockimg.ai/ 5. LandingsiteCreate Full website in 60 secondshttps://lnkd.in/gZUrupKm 6. You.comSearch engine with ChatGPT for FREEYou.com 7. LOVO AIGenerate Voices in Secondshttps://lovo.ai/ 8. KrispAI Meeting Assistanthttps://krisp.ai/ 9. ChatsimpleConvert visitors to customers 24/7http://Chatsimple.ai 10. ArchivinciDesigning tool […]

View code

Websites to Find Best Remote Jobs

1. LinkedIn2. Remote.co3. We Work Remotely4. Working Nomads5. Remotive6. Dribbble7. SkipTheDrive8. RemoteOK9. Hubstaff10. PowerToFly11. Freelancer.com12. JustRemote13. Wellfound.Com14. Himalayas15. TryRemoteJobs16. Nodesk17. FlexJobs – Vetted Remote & Flexible Jobs18. JSRemote.jobs19. Fiverr20. Upwork

View code

Convert Hex to hsb using js

View code

convert HSB to Hex function using js

View code

useRef for Hide popup when click body

View code

react icons not working with remix-run?

You have to add serverDependenciesToBundle inside your remix.config:

View code

Prisma config with Mongodb

1-Install the Prisma CLI: 2-Initialize a Prisma project: 3-Set the DATABASE_URL in the .env file:Open the .env file and set the DATABASE_URL environment variable to the connection string for your MongoDB database. 4-Generate the Prisma Client:

View code

𝟲𝟬 𝗺𝗶𝗻𝗱-𝗯𝗹𝗼𝘄𝗶𝗻𝗴 𝗔𝗜 𝘁𝗼𝗼𝗹𝘀

𝗗𝗲𝘀𝗶𝗴𝗻 𝗧𝗼𝗼𝗹𝘀FlairAI – https://flair.aiAutoDraw – https://www.autodraw.comStockImg – https://stockimg.aiBoothAI – https://www.booth.aiClipDrop – https://clipdrop.co 𝗬𝗼𝘂𝗧𝘂𝗯𝗲 𝗧𝗼𝗼𝗹𝘀Eightify – https://eightify.appThumbly – https://thumbly.aiSteveAI – https://www.steve.aiClipmaker – https://www.clipmaker.aiTubeBuddy – https://www.tubebuddy.com 𝗥𝗲𝘀𝗲𝗮𝗿𝗰𝗵 𝗧𝗼𝗼𝗹𝘀Consensus – https://consensus.appPaperpal – https://paperpal.comTrinka – https://www.trinka.aiWritesonic – https://writesonic.comScholarcy – https://www.scholarcy.com 𝗪𝗿𝗶𝘁𝗶𝗻𝗴 𝗧𝗼𝗼𝗹𝘀AISeo – https://aiseo.aiQuillbot – https://quillbot.comBertha – https://bertha.aiSimplified – https://simplified.com 𝗖𝗼𝗱𝗶𝗻𝗴 𝗧𝗼𝗼𝗹𝘀Durable – https://durable.co10Web – https://10web.ioAkkio – https://www.akkio.comReplit – https://replit.comDeepCode – https://www.deepcode.ai 𝗠𝗮𝗿𝗸𝗲𝘁𝗶𝗻𝗴 𝗧𝗼𝗼𝗹𝘀Simplified – https://simplified.comContentEdge – https://lnkd.in/dc7JY93fCopySmith – https://copysmith.aiMutiny – https://www.mutinyhq.com 𝗧𝘄𝗶𝘁𝘁𝗲𝗿 𝗧𝗼𝗼𝗹𝘀Tweetmonk – https://tweetmonk.comTribescaler – https://tribescaler.comPostwise – https://postwise.aiTweetLify – https://www.tweetlify.co 𝗠𝘂𝘀𝗶𝗰 𝗧𝗼𝗼𝗹𝘀Boomy – https://boomy.comAmper – https://lnkd.in/dwN43544Jukedeck – https://lnkd.in/dVjZnWFKBrainFm – https://www.brain.fm 𝗖𝗵𝗮𝘁𝗯𝗼𝘁 𝗧𝗼𝗼𝗹𝘀Yatterplus – https://yatterplus.inTypewise […]

View code

How to Setup React and Tailwind CSS with Vite in a Project

Tailwind CSS is a popular CSS framework, and React is one of the most popular JavaScript libraries. And Tailwind CSS and React are a great combo to use if you’re building a frontend project. In this article, you will learn how to setup your coding environment with Vite, install React and Tailwind CSS with their […]

View code