Blog

Move Order Summary Right

User Assistant To **move only the "Order Summary" to the right side**, and keep all **billing/shipping (customer details)** and **payment methods** on the left side (even though payment is part of the `woocommerce_checkout_order_review` hook), you can restructure the layout with some custom HTML/CSS *without removing the default WooCommerce hooks*. Here’s how you can do it. […]

Delivery Options Checkout Setup

User lient would like to add the following delivery options (perhaps a dropdown) at checkout: COLLECTION – FREE TINAHELY – €5 ARKLOW – €18 ANNACURRA – €8 AUGHRIM – €12 BALLINGLEN -€6 BALLYCONNELL – €12 CARNEW – €10 COOLKENNO – €10 HACKETSTOWN – €10 GOREY – €18 KILTEGAN – €15 KNOCKANANNA -€10 RATHDRUM – €18 […]

Custom Fields WooCommerce Blocks

User Add custom fields in checkout in woocommerce apge in block woocommercre pulgin Assistant To add **custom fields in the WooCommerce Checkout page** when using the **WooCommerce Blocks plugin** (i.e., the new block-based checkout system), the approach is different from classic checkout customization. The block-based checkout does **not support PHP hooks like `woocommerce_checkout_fields`** directly because […]

Checkout Fields for Gifts

User At Checkout page we need to add fields to know where the flowers are to be sent (as they are likely to be gifted)? Both Eircode and phone number to be made mandatory also include it in order email Assistant To achieve this in WooCommerce, you need to: 1. **Add custom fields to the […]

CORS Firebase Configuration

User Access to XMLHttpRequest at 'https://firebasestorage.googleapis.com/v0/b/openeratech.firebasestorage.app/o?name=portfolio%2F1742542411774_tab-1.png' from origin 'http://localhost:5173' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: It does not have HTTP ok status. performing firebase cloud storage opertion from local server localhost:5173 to firebase and given above error Assistant The error you're encountering: Access to XMLHttpRequest at […]

Firebase Cloud Storage Vue

User How to use firebase free tier cloud storage operations from localhost vue application Assistant To use Firebase's free tier **Cloud Storage** in your **local Vue.js** application, follow these steps: — ### ✅ Step 1: Set up Firebase Project 1. Go to [Firebase Console](https://console.firebase.google.com/). 2. Click “Add project” → follow the steps to create a […]

Vue form error fix

User <script> import { ref } from 'vue' import { useAuthStore } from '@/stores/auth' const form = ref(null) const items = [ 'Item 1', 'Item 2', 'Item 3', 'Item 4', ] const title = ref('') const description = ref('') // will contain HTML const descriptionRules = ref([ (v: string) => !!v || 'Description is required', […]

Form Validation Error Fix

User chunk-U3LI7FBV.js?v=12b17e52:12153 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '_withMods') at AddPortfolio.vue:1:1 <script> import { ref } from 'vue' import { useAuthStore } from '@/stores/auth' const form = ref() const items = [ 'Item 1', 'Item 2', 'Item 3', 'Item 4', ] const title = ref('') const description = ref('') // will […]

Vuetify QuillEditor Validation

User <script> import { ref } from 'vue' import { QuillEditor } from '@vueup/vue-quill' import '@vueup/vue-quill/dist/vue-quill.snow.css'; const form = ref() const items = [ 'Item 1', 'Item 2', 'Item 3', 'Item 4', ] const title = ref('') const description = ref('') // will contain HTML const url = ref('') const imageFile = ref(null) const nameRules […]

Form Validation Fix

User <script> import { ref,shallowRef,inject } from 'vue'; import Google from '@/assets/images/auth/social-google.svg'; import {signInWithGoogle, signInWithGithub} from '@/firebase'; import { useForm, useField } from 'vee-validate' import { useAuthStore } from '@/stores/auth'; import { useRouter } from 'vue-router'; import publicApi from '@/publicApi'; import {useLoadingStore} from '@/stores/loading'; const loadingStore = useLoadingStore(); const authStore = useAuthStore(); const router = […]