How to create a Free Multivendor Online Book Store with Wordpress

If you follow this article, you can create a Gift and Virtual Visa Card Selling eCommerce WordPress website for free. But, you have to buy domain and web hosting. And we will use free WordPress themes, plugins, and codes to make this website. Just following some simple steps.

Using this website you can sell your gift card, virtual visa card, or any digital products to your customer.

1. BUY DOMAIN & WEB HOSTING

First of all, you have to buy domain & web hosting to host your website and get your website url or address.

Some Best Web Hosting Providers

You can buy Domain and Web hosting from any provider, but I shared some providers which give you to best service and customer support. Just follow these links and you will get up to 60% discount.

2. And Some WordPress Plugins And Theme to Make Gift Card Selling Ecommerce Website

You can use this theme to design your website like that. And you can download all images.

create gift card selling ecommerce wordpress website for free

Video Tutorial

Custom Codes To Modify/ Add Some Features

To add PHP custom code you can use Code Snippets plugin to add your custom code. Or you can paste these codes on your child theme functions.php file.

Use this code to add Direct Checkout & Replace “Add To Card” Text

//Direct checkout
add_filter('add_to_cart_redirect', 'ql_skip_cart_page');
function ql_skip_cart_page () {
 global $woocommerce;
 $redirect_checkout = $woocommerce->cart->get_checkout_url();
 return $redirect_checkout;
}
//Ad to cart to buy now
add_filter( 'woocommerce_product_single_add_to_cart_text', 'ql_replace_add_to_cart_button_text' );
add_filter( 'woocommerce_product_add_to_cart_text', 'ql_replace_add_to_cart_button_text' );
//Replace Add to Cart text with Buy Now! 
function ql_replace_add_to_cart_button_text() {
 return __( 'Buy Now', 'woocommerce' );
}

To Remove Checkout Filed

//Remove Checkout Fileds
function quadlayers_remove_checkout_fields( $fields ) {
	unset($fields['billing']['billing_company']);
	unset($fields['billing']['billing_address_1']);
	unset($fields['billing']['billing_address_2']);
	unset($fields['billing']['billing_city']);
	unset($fields['billing']['billing_postcode']);
	unset($fields['billing']['billing_country']);
	unset($fields['billing']['billing_state']);
	return $fields; 
}
add_filter( 'woocommerce_checkout_fields' , 'quadlayers_remove_checkout_fields' );
add_filter( 'woocommerce_enable_order_notes_field', '__return_false', 9999 );

CSS code to modify some style

.thunk-icons-wrap {
    top: 25px;
}
.single-product.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    display: none;
}
@media only screen and (min-width: 800px) {
	  .woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
		width: 28%;
	}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		width: 70%;
	}
}

Use This Code to Remove Copyright Credit

//Remove Theme Default Copyright
add_action('init','remove_footer_copyright_text',10);
function remove_footer_copyright_text() {
    remove_action('amaz_store_default_bottom_footer','amaz_store_below_footer_markup_lite',10);
} 
////To add Custom Copyright Text
add_action('amaz_store_default_bottom_footer','my_custom_copyright', 10);
function my_custom_copyright(){?>
	<div class="below-footer">
      <div class="container">
        <div class="below-footer-bar thnk-col-1">
          <div class="below-footer-col1"> 
           <p class="footer-copyright">Copyright &copy;
              <?php
              echo date_i18n(
                /* translators: Copyright date format, see https://www.php.net/date */
                _x( 'Y', 'copyright date format', 'amaz-store' )
              );
              ?>
              <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php bloginfo( 'name' ); ?></a>
            </p><!-- .footer-copyright -->
           </div>
        </div>
      </div>
</div>
                
<?php }

Leave a Reply