Related questions

How can i give different/custom IDs to the photo gallery of the woocommerce products?

2019-02-10 12:29 pedram katanchi imported from Stackoverflow

My products get their photo gallery from a different plugin and i have the array of IDs and urls coming from it. like:

Array ( [0] => 4046 [1] => 4047 [2] => 4048 [3] => 4049 )

I just need to tell woocommerce to use these ids instead of its default.

I also tried to copy the original product-image.php and product-thumbnails.php files in to my child theme like this:

werkstatt-child/woocommerce/single-product/product-image.php

but even without modifying them the photo gallery stops working, it seems like that it does not use .js and .css files anymore.

Can you please tell me what is the right way to tell the woocommerce product photo gallery to use a different array of IDs ?

See also questions close to this topic

  • How to fetch all products without the hidden(private) ones with woocommerce api in python-django?

    Having an eshop building with wordpress, i am using the woocommerce api in order to fetch my products in my django app.

    I find difficulty in fetching all the products without the hidden - private.

    The hidden-private products are those which are not visible in my eshop.

    Is there a way through api to fetch all without the hidden?

    Here is my code fetching all the products:

        wcapi = API(
        url=something,
        consumer_key=something,
        consumer_secret=something,
        wp_api=True,
        version="wc/v2",
        query_string_auth=True,
        verify_ssl = True,
        timeout=10
    )

    #take all the products from the woocommerce api
    r=wcapi.get("products")
  • I create custom checkout page in woocommerce that Total how to pass in paypal

    I custom create custom checkout page in woocommerce use in plugin woocommererce subscription use. I create custom Amount Total and also dispal recurring Total in checkout page paypal get recurring Total. How paypal get my custom total amount pass customer can pay custom amount not recurring total amount Please Help

  • Plugin to add custom field “product or preview url” to WooCommerce products

    Please I need a plugin or a code snippet to add custom field “product or preview url” to WooCommerce products. or if you know the name of a plugin that can do the same works as shown on the screens below :

    https://prnt.sc/nden71

    https://prnt.sc/ndenv0

    thanks in advance

  • Notice: product_type was called incorrectly . Product properties should not be accessed directly

    Notice: product_type was called incorrectly . Product properties should not be accessed directly. Please see Debugging in WordPress for more information. (This message was added in version 3.0.) in C:\xampp\htdocs\oye\wp-includes\functions.php on line 4667. but when find

  • Display description before the title in WooCommerce product category archives

    In WooCommerce, I am trying to display the description before the title in Product category archive pages. But I fail trying to find out what hooks could I use to do it.

    The idea was to have a "Flavour Menu" be displayed first, and then the title afterwards, like in this screenshot:

    enter image description here

    Any track is appreciated.

  • Add additional tab after reviews

    I am trying to have a few more additional tabs added after the Reviews tab, though my tab keeps appearing as the first tab

    <?xml version="1.0"?>
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
    <body>
        <referenceBlock name="product.info.details">
          <block after="reviews.tab" class="Magento\Catalog\Block\Product\View" name="postage.tab" as="postage" template="product/view/postage.phtml" group="detailed_info" >
             <arguments>
                <argument translate="true" name="title" xsi:type="string">Postage</argument>
             </arguments>
          </block>
        </referenceBlock>
    </body>
</page>
  • output amount by the number of selected goods on the page of the catalog Woocommerce

    I use the plugin WooCommerce Product Price x Quantity Preview. This plugin calculates the amount of the number of selected goods, but it does only in the product card.

    How to display the same thing on the page of the catalog itself for each product?

    My code can be found on GitHub.

  • Add shortcode to storefront header action

    I'm trying to add a shortcode to the header in a Wordpress Woocommerce site that uses the Storefront theme.

    The code that executes the content is...

    do_action( 'storefront_header' );

    And I'm trying to add the shortcode by using this in the functions.php file...

    add_action( 'storefront_header', 'bkb_storefront_header_content', 40 );
function bkb_storefront_header_content() {
    echo do_shortcode('[lsphe-header]');
}

    I also tried to echo out a piece of text, but this did not work either... 

    add_action( 'storefront_header', 'bkb_storefront_header_content', 40 );
function bkb_storefront_header_content() {
    echo "HERE";
}
  • woocommerce_add_to_cart_validation not executed

    I'm trying to set validation on "add cart" button to my woocommerce.
    I use this code in functions.php, but it is not executed:

    function test( $passed ) { 
    //exit(); //it would broke the code
    $passed = false;
    return $passed;
}
add_filter( 'woocommerce_add_to_cart_validation', 'test', 10, 5 );

    I try to set exit() on test() function but nothing. What can i verify?

  • How could I change the size of changing images in a javascript gallery?

    I am making a new custom plugin for my WordPress site that displays an image gallery using the shortcode:

    [galleryplugin]

    The plugin uses PHP and JavaScript. Essentially I want the shortcode to display the gallery and it does, but I need the images to be the same size. I tried to make a specific <div> tag with size = height:"100px";width:"50px" but when it does that:

    1. The image (I think) does not become that size
    2. The 'next' function (the broken image button) does not move the image along to the next one

    Does anyone know how to fix this? Thanks for your answer in advance!

    Code PHP:

    <?php
/**
 * Plugin Name: Eddie's Tech Gallery
 * Description: Custom gallery plugin by Eddie's Tech
 * Version: 1.0
 * Author: Eddie's Tech
 * Author URI: https://www.eddiestech.co.uk
 */


function load_js() {
 if (is_front_page()) {
     wp_enqueue_script( 'gallery', plugins_url( '/gallery.js', __FILE__ ),array(),time());
 } 
}
add_action('wp_enqueue_scripts','load_js');

add_shortcode('galleryplugin', 'shortcode');
function shortcode() {
    ?>
    <br />
        <img id="whiteBox" src="/wp-content/plugins/gallery/imgs/img1.png"></img>
        <a href="#" onclick="next();return false;"><img src="next.png"/></a>
    <br />
    <?
}
?>

    Code JS:

    var myImage= new Array(); 
myImage[0]="/wp-content/plugins/gallery/imgs/img1.png";       
myImage[1]="/wp-content/plugins/gallery/imgs/img2.png";
myImage[2]="/wp-content/plugins/gallery/imgs/img3.png";

var ImageCnt = 0;

function next(){
    ImageCnt++;

    ImageCnt %= myImage.length

    document.getElementById("whiteBox").src = myImage[ImageCnt];
  }
  • How to upload muttiple selected files (i.e..doc,pdf,jpeg,png) in server at android

    In android,how to select multiple files from file manager. After will shown the details of the image(i.e. image size,image name and delete the files). Then how to upload that files to server.

  • Why is .nomedia file not created programmatically on android devices to hide images?

    Here is my code.

    File myDir = new File(Environment.getExternalStorageDirectory().toString() + "/xxxxx/media/images/send/");
        try {
            File noMedia = new File(myDir + "/.nomedia");
//                    noMedia.createNewFile();
            FileOutputStream noMediaOutStream = new FileOutputStream(noMedia);
            noMediaOutStream.write(0);
            noMediaOutStream.close();
        } catch (Exception e) {
            e.printStackTrace();
        }

    Write external storage permission is given, and images are saved to storage successfully. But .media file is not getting created.

  • Hovering on class hovers id only

    I'm creating an interactive world map whereby when hovering on regions, the regions change color. I have a svg document and created classes to group the IDs. When I fill on CSS, the whole class changes color, but when I .class:hover it only changes colors to the ID.

    <style>
.NA:hover { fill: #ED0887 !important }
.LA:hover { fill: #ED0887 !important }
</style>

    example in SVG:

     <path class="LA" fill="black" id="costa rica" d="m217.38,304.98l1.39,2.72l1.13,1.5l-1.52,4.51l-2.9,-2.04l- etc..

    It should change colors for all ID's in the class.

  • Trying to get property 'ID' of non-object for administraor in multisite

    I'm using QAengine theme on my wordpress multisite. Here is the first part of the code used to avoid getting administrators listed within top users of the blog

    function widget( $args, $instance ) {
    global $wpdb;

    $admins_id = array();
    $admins    = get_users( 'role=administrator' );
    //normal site
    if(!empty($admins)){
        foreach ($admins as $admin) {
            $admins_id[] = $admin->ID;
        }
    }
    //multisites
    if(is_multisite()){
        $super_admins = get_super_admins();
        if(!empty($super_admins)){
            foreach ($super_admins as $admin) {
                $admin       = get_user_by( 'slug', $admin );
                $admins_id[] = $admin->ID;  //$admin['ID'];
            }
        }
    }

    }

    I'm getting the error message "Trying to get property 'ID' of non-object" at the top of the 'top users list',which is due to $admins_id[] = $admin->ID;. Replacing $admin->ID by $admin['ID']; results in a blank page.

    and this what I get for var_dump($admins) 

    array(1) { [0]=> object(WP_User)#5237 (8) { ["data"]=> object(stdClass)#5236 (12) { ["ID"]=> string(1) "1" ["user_login"]=> string(5) "admin" ["user_pass"]=> string(34) "$P$BByirivlLnImmFrkUwGXorARgM6yFY/" ["user_nicename"]=> string(4) "dmin" ["user_email"]=> string(27) "hamed.benyahia.01@gmail.com" ["user_url"]=> string(0) "" ["user_registered"]=> string(19) "2018-01-14 11:17:25" ["user_activation_key"]=> string(0) "" ["user_status"]=> string(1) "0" ["display_name"]=> string(5) "admin" ["spam"]=> string(1) "0" ["deleted"]=> string(1) "0" } ["ID"]=> int(1) ["caps"]=> array(1) { ["administrator"]=> bool(true) } ["cap_key"]=> string(15) "wp_capabilities" ["roles"]=> array(1) { [0]=> string(13) "administrator" } ["allcaps"]=> array(62) { ["switch_themes"]=> bool(true) ["edit_themes"]=> bool(true) ["activate_plugins"]=> bool(true) ["edit_plugins"]=> bool(true) ["edit_users"]=> bool(true) ["edit_files"]=> bool(true) ["manage_options"]=> bool(true) ["moderate_comments"]=> bool(true) ["manage_categories"]=> bool(true) ["manage_links"]=> bool(true) ["upload_files"]=> bool(true) ["import"]=> bool(true) ["unfiltered_html"]=> bool(true) ["edit_posts"]=> bool(true) ["edit_others_posts"]=> bool(true) ["edit_published_posts"]=> bool(true) ["publish_posts"]=> bool(true) ["edit_pages"]=> bool(true) ["read"]=> bool(true) ["level_10"]=> bool(true) ["level_9"]=> bool(true) ["level_8"]=> bool(true) ["level_7"]=> bool(true) ["level_6"]=> bool(true) ["level_5"]=> bool(true) ["level_4"]=> bool(true) ["level_3"]=> bool(true) ["level_2"]=> bool(true) ["level_1"]=> bool(true) ["level_0"]=> bool(true) ["edit_others_pages"]=> bool(true) ["edit_published_pages"]=> bool(true) ["publish_pages"]=> bool(true) ["delete_pages"]=> bool(true) ["delete_others_pages"]=> bool(true) ["delete_published_pages"]=> bool(true) ["delete_posts"]=> bool(true) ["delete_others_posts"]=> bool(true) ["delete_published_posts"]=> bool(true) ["delete_private_posts"]=> bool(true) ["edit_private_posts"]=> bool(true) ["read_private_posts"]=> bool(true) ["delete_private_pages"]=> bool(true) ["edit_private_pages"]=> bool(true) ["read_private_pages"]=> bool(true) ["delete_users"]=> bool(true) ["create_users"]=> bool(true) ["unfiltered_upload"]=> bool(true) ["edit_dashboard"]=> bool(true) ["update_plugins"]=> bool(true) ["delete_plugins"]=> bool(true) ["install_plugins"]=> bool(true) ["update_themes"]=> bool(true) ["install_themes"]=> bool(true) ["update_core"]=> bool(true) ["list_users"]=> bool(true) ["remove_users"]=> bool(true) ["promote_users"]=> bool(true) ["edit_theme_options"]=> bool(true) ["delete_themes"]=> bool(true) ["export"]=> bool(true) ["administrator"]=> bool(true) } ["filter"]=> NULL ["site_id":"WP_User":private]=> int(1) } }

    How to deal with a such problem?

  • How to compare ids that are inside of plugin?

    I'm looking for solutions to compare the id elements inside of the Plugin. This is the code that has a problem:

    (function($, window, undefined) {
  $.fn.thePlugin = function() {
    return this.each(function() {
      const $el = $(this);
      console.log($el);
      if ($el == $('#bird')) {
        console.log($el + ' is a bird.');
        // $el == document.getElementById('bird')
        // $el == document.getElementById('bird').id didn't work.
      } else if ($el == $('#superman')) {
        console.log($el + ' is Superman');
      }
    })
  }
}(jQuery));

$('#bird').thePlugin();
$('#superman').thePlugin();

    w.fn.init [div#bird]
    w.fn.init [div#superman]

    Apparently, the console.logs which are inside of if statement doesn't firing up. Only 1 log fires up that is outside of the if statement.

    I've tested 2 ways for solving this problem, using jQuery selectors and without using jQuery selectors but all of the ways didn't work.

    Are there any ways to compare the id inside of the plugin structure?

    • I cannot use getElementByClassName because my DOM style is always starting with id something like this:

      #section {
  .container {
    .grid {
    }
  }
}