Skip to main content

Featured Post

How to create customizable products in Shopify for Free (No coding!)

Creating customizable products in your Shopify store not only increase your customer satisfaction, it also increases your conversion rate.  Here is a method to add custom options for your Shopify product and convert it into personalized product - Go to Shopify store page and search for "Advanced Product Customizer" app or you can directly the the Shopify app page by clicking on this link Advanced Product Customizer . Install  Advanced Product Customizer  app for free in your Shopify store  From the application dashboard, enable to app embed block to complete the installation process Click "Product Custom Options"  From the Shopify products list, select the product on which you want to add custom options. Advanced Product Customizer  offers Image Swatch, Color Swatch, Text box, File Upload, Radio, Checkbox, Date Picker and more. Here is the a demo video for adding custom option for a Shopify product -

How to change text & color of Buy It Now button in your Shopify?

Shopify Dawn theme provides Buy it Now button at product page for fast checkout. Sometimes we need the text from Buy It Now to be changed to something else.

This can be done by using custom CSS code given below.

Steps to change text & color of Buy It Now button of Shopify -

  1. Go to Shopify Admin
  2. Open the code editor
  3. Add below custom CSS code to change text & color of 'Buy It Now' button


CSS code to change text & color of 'Buy It Now' button in Shopify -


<style>
    .shopify-payment-button__button--unbranded {
     font-size: 0 !important;
background: white !important;
color: black !important;
    }    

    .shopify-payment-button__button--unbranded::before {
content: 'Your text here';
position: absolute;
visibility: visible;
top: 0;
left: 0;
bottom: 0;
font-size: 14px;
display: contents;
    }
</style>


Here is the demo video to show above steps in action -



#shopify #shopifythemes


Click here to subscribe our YouTube channel : https://shorturl.at/gmqCS
-------------------------------------------------------------------------------------------------------------------

Also, check out our other video based on settings Global Custom CSS using he theme settings options -

Links for our other useful Shopify tutorial videos -

Changing text & color of Buy It Now button in Shopify: https://youtu.be/LVefRmat_g0
Adding Custom CSS in Your Shopify Theme: https://youtu.be/nPja-jHwmPc
Display image in Product Template using Custom.liquid block Shopify : https://youtu.be/2uaO4B0fnhY
Shopify Tips: How to Hide Specific Products from Related Products in your Shopify?: https://youtu.be/Z1gVuNkirLA

Comments

Popular posts from this blog

Display Tooltip for Combo Box item C#.NET Winforms

In windows form combo box control sometimes while adidng items dynamically we have items whose width is greater than width of combox box control. In this case for making UI more user friendly we can show tooltip over such item. Here is the sample C# code to display such tooltip:  Add a Tooltip control on the form.  Add following code : this . combo_box1 . DropDownStyle = System . Windows . Forms . ComboBoxStyle . DropDownList; this . combo_box1 . DrawMode = DrawMode . OwnerDrawFixed; this . combo_box1 . DrawItem += new DrawItemEventHandler(combo_box1_DrawItem); this . combo_box1 . DropDownClosed += new EventHandler(combo_box1_DropDownClosed); this . combo_box1 . MouseLeave += new EventHandler(combo_box1_Leave); void combo_box1_DrawItem( object sender, DrawItemEventArgs e) { if (e . Index < 0 ) { return ; } string text = combo_box1 . GetItemText(combo_box1 . Items[...

Pass byte array from C# to C++ and vice-versa

Pass byte array from C# to C++                           If you want to pass a byte array to native DLL as parameter, you can use the Intptr to do this, please check the demo below. /C++ API code: TestDLL_API void TestArrayPara (BYTE * pArray, int nSize) { for ( int i= 0 ; i<nSize; i++) printf( "%d\n" , pArray[i]); } //C# code: class TestClass { [DllImport(@"TestDll.dll")] public static extern void TestArrayPara (IntPtr pArray, int nSize); public static void Test () { byte [] array = new byte [ 16 ]; for ( int i = 0 ; i < 16 ; i++) { array[i] = ( byte )(i + 97 ); } int size = Marshal.SizeOf(array[ 0 ]) * array.Length; IntPtr pnt = Marshal.AllocHGlobal(size); try { // Copy the array to unmanaged memory. ...

Capture or Detect mouse click on or outside Windows Form using C#.NET

Sometimes in case of Windows form application where we have multiple windows opened and we need to find on which window user has clicked. One method to find this is to capture the mouse click message.  Here is the sample code to close form if mouse click happen outside the form.    public   partial   class   frmTest  :   Form     {           class   Window CaptureChanged   :   NativeWindow         {               public   CaptureChanged   OnCaptureChanged ;               protected   override   void   WndProc ( ref   Message   m )             {             ...