FAKTOR VIER

<p>With <a href="https://www.f4dev.ch" rel="nofollow ugc">F4 Simple Checkout Fields for WooCommerce</a> you can simply add new fields to the WooCommerce checkout. There is no UI to manage the fields, they only can be added with a simple PHP method. That ensures that the plugin is lightweight and easy to handle, even though you need simple PHP knowledge and access to the file system to add the code (preferred your WordPress theme).</p>
<h4>Usage</h4>
<p>If you first install this plugin, it will do nothing. But it provides a method to add as many custom fields to your checkout as you need. Here’s a sample how you could add a simple text field to the billing and shipping address:</p>
<pre><code>add_action('init', function() {
    F4\WCSCF\Core\Helpers::register_field(array(
        'name' => 'demo-text',
        'type' => 'text',
        'label' => 'Text Field'
    ));
});
</code></pre>
<h3>Arguments</h3>
<p>The register_field method provides a lot of arguments to customize your fields. Some of the arguments are identically to <a href="https://docs.woocommerce.com/document/tutorial-customising-checkout-fields-using-actions-and-filters/" rel="nofollow ugc">the officiel WooCommerce arguments</a>:</p>
<pre><code>F4\WCSCF\Core\Helpers::register_field(array(
    // (array) Defines where the field should be added
    // billing = billing address, shipping = shipping address
    'target' => array('billing', 'shipping'),

    // (string) The internal name for the field. Must be unique
    'name' => '',

    // (string) The field type (text, textarea, password, select)
    'type' => 'text',

    // (string) The field label
    'label' => '',

    // (string) The description
    'description' => '',

    // (string) The placeholder for the input (only text, textarea or password)
    'placeholder' => '',

    // (boolean) Defines if the field is required or not
    'required' => false,

    // (string) The default value
    'default' => '',

    // (array) An array with css classes that should be added to the field
    'class' => array(),

    // (array) An array with field options (only for field type select)
    // Array key => value pairs: array('value' => 'Label')
    'options' => array(),

    // (string|array) Defines the position, where the field should be added
    // last = append after the last field
    // first = prepend before the first field
    // array('before' => 'fieldname') = prepend before the defined field
    // array('after' => 'fieldname') = append after the defined field
    'position' => 'last', // 'first', 'last', array('before' => ''), array('after' => '')

    // (string) The delimiter that should be used in the formatted address outputs
    'formatted_address_delimiter' => "\n",

    // (boolean) Defines if the field should be displayed after the formatted address in the order backend or not
    'show_after_formatted_admin_order_address' => false,

    // (boolean) Defines if the field label should be prepended before the field value in formatted address
    'show_formatted_address_label' => false,

    // (boolean) Defines if the field should be displayed in the account address forms
    'show_in_address_form' => true,

    // (boolean) Defines if the field should be displayed in the checkout forms
    'show_in_order_form' => true,

    // (boolean) Defines if the field should be displayed in the formatted address
    'show_in_formatted_address' => true,

    // (boolean) Defines if the field should be displayed in the admin user form
    'show_in_admin_user_form' => true,

    // (boolean) Defines if the field should be displayed in the admin order form
    'show_in_admin_order_form' => true,

    // (boolean) Defines if the field should be displayed in the privacy customer data
    'show_in_privacy_customer_data' => true,

    // (boolean) Defines if the field should be displayed in the privacy order data
    'show_in_privacy_order_data' => true
));
</code></pre>
<h4>Features overview</h4>
<ul>
<li>Adds custom text, textarea, password and select fields to the checkout</li>
<li>Easy to use</li>
<li>Lightweight and optimized</li>
<li>100% free!</li>
</ul>
<h4>Planned features</h4>
<ul>
<li>Full integration into API and REST</li>
</ul>


F4 Simple Checkout Fields for WooCommerce

Adds custom fields to the WooCommerce checkout.

Navneil Naicker

<p><strong>Important Notice for New Users of ACF Photo Gallery Field</strong></p>
<p>If you are installing the ACF Photo Gallery Field for the first time on your WordPress website, we’d like to inform you that this plugin will no longer be maintained as of October 2024. As an alternative, we have launched a new and improved plugin called <a href="https://wordpress.org/plugins/acf-galerie-4/" rel="ugc">ACF Galerie 4</a>.</p>
<p>We encourage you to check out <a href="https://wordpress.org/plugins/acf-galerie-4/" rel="ugc">ACF Galerie 4</a> for enhanced features and ongoing support. ACF Galerie 4 includes a built-in migration tool that seamlessly transfers data from ACF Photo Gallery Field or ACF Gallery Pro to ACF Galerie 4. <a href="https://wordpress.org/support/topic/migrate-from-acf-photo-gallery-field-to-acf-galerie-4/" rel="ugc">Learn more</a>.</p>
<p>Thanks</p>
<p>A lightweight extension of Advanced Custom Field (ACF) that adds <strong>Photo Gallery</strong> field to any post/pages on your WordPress website.</p>
<ul>
<li>Visually create your Fields</li>
<li>Add multiple photos and you can also modify title, caption and link to anything</li>
<li>Assign your fields to multiple edit pages (via custom location rules)</li>
<li>Easily load data through a simple and friendly API</li>
<li>Uses the native WordPress custom post type for ease of use and fast processing</li>
<li>Uses the native WordPress metadata for ease of use and fast processing</li>
<li>Supports WordPress classic and Gutenberg editor</li>
<li>RESTFul API</li>
</ul>
<h4>Donation</h4>
<p>Navneil Naicker is the sole developer working on this free WordPress Plugin in his leisure time. He would like to integrate it with premium plugins like Elementor Pro and Advanced Custom Fields Pro. Please donate to support Navneil in continuing further development of this plugin. Click on the link “<a href="https://www.buymeacoffee.com/navzme" rel="nofollow ugc">https://www.buymeacoffee.com/navzme</a>” to donate.</p>
<h4>Usage</h4>
<p><em>acf_photo_gallery</em> is a helper function that takes in <strong>ACF_FIELD_NAME</strong> and <strong>POST_ID</strong> will query the database and compile the images for you. The output of this function will be an array.</p>
<pre><code>acf_photo_gallery(ACF_FIELD_NAME, POST_ID);
</code></pre>
<h4>Example</h4>
<p>The following example is using Twitter Bootstrap framework to layout. You can use any framework of your choice.</p>
<pre><code><?php
    //Get the images ids from the post_metadata
    $images = acf_photo_gallery('vacation_photos', $post->ID);
    //Check if return array has anything in it
    if( count($images) ):
        //Cool, we got some data so now let's loop over it
        foreach($images as $image):
            $id = $image['id']; // The attachment id of the media
            $title = $image['title']; //The title
            $caption= $image['caption']; //The caption
            $full_image_url= $image['full_image_url']; //Full size image url
            $full_image_url = acf_photo_gallery_resize_image($full_image_url, 262, 160); //Resized size to 262px width by 160px height image url
            $thumbnail_image_url= $image['thumbnail_image_url']; //Get the thumbnail size image url 150px by 150px
            $url= $image['url']; //Goto any link when clicked
            $target= $image['target']; //Open normal or new tab
            $alt = get_field('photo_gallery_alt', $id); //Get the alt which is a extra field (See below how to add extra fields)
            $class = get_field('photo_gallery_class', $id); //Get the class which is a extra field (See below how to add extra fields)
?>
<div class="col-xs-6 col-md-3">
    <div class="thumbnail">
        <?php if( !empty($url) ){ ?><a href="<?php echo $url; ?>" <?php echo ($target == 'true' )? 'target="_blank"': ''; ?>><?php } ?>
            <img src="<?php echo $full_image_url; ?>" alt="<?php echo $title; ?>" title="<?php echo $title; ?>">
        <?php if( !empty($url) ){ ?></a><?php } ?>
    </div>
</div>
<?php endforeach; endif; ?>
</code></pre>
<h4>Add Extra Fields</h4>
<p>To add extra fields add the following to your themes functions.php file.</p>
<pre><code>//Create extra fields called Altnative Text and Status
function my_extra_gallery_fields( $args, $attachment_id, $acf_key ){
    $args['alt'] = array(
        'type' => 'text', 
        'label' => 'Altnative Text', 
        'name' => 'alt', 
        'value' => get_field($field . '_alt', $attachment_id)
    );
    $args['status'] = array(
        'type' => 'select', 
        'label' => 'Status', 
        'name' => 'status', 
        'value' => array(
            array(
                '1' => 'Active',
                 '2' => 'Inactive'
            ), 
            get_field($field . '_status', $attachment_id)
        )
    );
    return $args;
}
add_filter( 'acf_photo_gallery_image_fields', 'my_extra_gallery_fields', 10, 3 );
</code></pre>
<p>Supported field types:<br />
* text, date, color, datetime-local, email, number, tel, time, url, week, range, checkbox, radio, textarea, select</p>
<h4>How to get values of extra fields</h4>
<p>You can use ACF helper function <code>get_field</code></p>
<pre><code>get_field('photo_gallery_alt', $id);
get_field('photo_gallery_class', $id);
</code></pre>
<h4>Pull caption from attachment caption field</h4>
<p>By default the caption is being pulled from description field. Add the following filter to your <code>function.php</code> to pull the caption from attachment caption field.</p>
<pre><code>add_filter( 'acf_photo_gallery_caption_from_attachment', '__return_true' );
</code></pre>
<h4>REST API</h4>
<p>Send HTTP Request to URL to get JSON response of all posts</p>
<pre><code>http://{domain}/wp-json/wp/v2/{POST_TYPE}/
</code></pre>
<p>Send HTTP Request to URL to get JSON response of specific post</p>
<pre><code>http://{domain}/wp-json/wp/v2/{POST_TYPE}/{POST_ID}/
</code></pre>
<p>When you receive the response, see the ACF item which contains ACF photo gallery name and array of images.</p>
<h4>Installation and basic usage tutorial</h4>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/c7u9FwVLe9Q?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>ACF Photo Gallery Field on WordPress Custom Post Type tutorial</h4>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/5iTV0JVFFOE?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>How to use Elementor dynamic tags with ACF Photo Gallery Field plugin tutorial</h4>
<p><span class="embed-youtube" style="text-align:center; display: block;"><iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/XlSx_weZXoU?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe></span></p>
<h4>Compatibility</h4>
<p>This ACF field type is compatible with: ACF 4, 5 and 6</p>
<h4>Issues</h4>
<p>Just like any other WordPress plugin, this plugin can also cause issues with other themes and plugins. If you are facing issues making this plugin work on your WordPress site, please do ask for help in the support forum. This way we can help you out and prevent this issue from happening to someone else. If you want to talk to me directly, you can contact me via my website <a href="http://www.navz.me/" rel="nofollow ugc">http://www.navz.me/</a></p>


ACF Photo Gallery Field

Hi,

I would like to say that is a nice solution, I use it quite often :)

The great solution :)

PHP Fatal error

A lightweight extension of Advanced Custom Field (ACF) that adds Photo Gallery field to any post/pages on your WordPress website.

F4 Simple Checkout Fields for WooCommerce vs ACF Photo Gallery Field