ডিফল্ট প্যাকেজ থিমে (বা কোনও কাস্টম থিম) ম্যাজেন্টো 1.9.1.0 কনফিগারযোগ্য স্য্যাচগুলি কীভাবে ব্যবহার করবেন?

28

আপডেট: আমার উত্তর এখন swatch পরে পণ্য বেস চিত্র স্বয়ংক্রিয় পরিবর্তন সমর্থন করে। আপনি এখানে আরও চিত্র সহ এটি কীভাবে করবেন সে সম্পর্কে আরও বিস্তারিত টিউটোরিয়াল খুঁজে পেতে পারেন ।

ম্যাজেন্টো সিই 1.9.1.0 একটি খুব সুন্দর নতুন বৈশিষ্ট্য নিয়ে আসে: কনফিগারযোগ্য স্বাচসমূহ। দুর্ভাগ্যক্রমে, এটি কেবলমাত্র আরডাব্লুডি প্যাকেজের জন্য উপলব্ধ, এটি ডিফল্ট ম্যাজেন্টো ইনস্টলেশন সহ আসে। এটি ডিফল্ট প্যাকেজটির জন্য কীভাবে ম্যাজেন্টো কনফিগারযোগ্য স্য্যাচগুলি উপলভ্য করা যায় সে সম্পর্কে একটি স্ব-জবাব দেওয়া প্রশ্ন। যে কেউ কনফিগারযোগ্য স্বাচগুলিকে একটি কাস্টম থিমের সাথে সংহত করতে চায় তাদের পক্ষেও এই তথ্য কার্যকর হতে পারে।

দ্রষ্টব্য 1: এটি ম্যাগেন্টোর ডিফল্ট প্যাকেজের জন্য কনফিগারযোগ্য স্বাচগুলি কীভাবে উপলব্ধ করা যায় সে সম্পর্কে একটি প্রাথমিক নির্দেশিকা বোঝানো হয়েছে। এটি প্রতিটি কাস্টম থিমের জন্য (তবে নাও পারে) কাজ করতে পারে। কোনও পরিবর্তন করার আগে সর্বদা আপনার আসল ফাইলগুলি (এবং ডাটাবেস) ব্যাকআপ করুন।

দ্রষ্টব্য 2: স্য্যাচগুলি কাজ করে (নীচে স্ক্রিন শট), তবে আমি এখনও স্য্যাচগুলির সাথে পণ্য চিত্রটি স্বয়ংক্রিয়ভাবে পরিবর্তন করতে পেলাম না। কিছু সময় পেলে আমি চেষ্টা করে দেখব।

এখানে চিত্র বর্ণনা লিখুন

মন্তব্য করে পরামর্শ দেওয়ার জন্য অবদান নির্দ্বিধায়!

configurable-product  ce-1.9.1.0  swatches  color-swatches 
— বিন্যাস
সূত্র
প্রশ্নটিতে আপনি যে লিঙ্কটি যুক্ত করেছেন তা কাজ করছে না: bemaged.com/en/blog/use-magento-swatches-in-custom-theme
— মুকেশ

উত্তর:

27

  1. ফোল্ডারটি অনুলিপি করুন

    app/design/frontend/RWD/default/template/configurableswatches/

    এবং এর বিষয়বস্তু 

    app/design/frontend/DEFAULT/default/template/

    (বা আপনার প্যাকেজ টেম্পলেট ফোল্ডার)

  2. ফাইলটি অনুলিপি করুন

    app/design/frontend/RWD/default/template/catalog/product/view/type/options/configurable.phtml

    থেকে

    app/design/frontend/DEFAULT/default/template/catalog/product/view/type/options/

    (বা আপনার প্যাকেজ টেম্পলেট ফোল্ডার)

  3. ফাইলটি অনুলিপি করুন

    app/design/frontend/RWD/default/template/catalog/product/view/media.phtml

    থেকে

    app/design/frontend/DEFAULT/default/template/catalog/product/view/

    (বা আপনার প্যাকেজ টেম্পলেট ফোল্ডার)

  4. ফোল্ডারগুলি অনুলিপি করুন

    skin/frontend/RWD/default/js/configurableswatches/
skin/frontend/RWD/default/js/lib/

    এবং তাদের বিষয়বস্তু

    skin/frontend/DEFAULT/default/js/

    (বা আপনার প্যাকেজ ত্বকের ফোল্ডার)

  5. ফাইলগুলি অনুলিপি করুন

    skin/frontend/RWD/default/js/app.js
skin/frontend/RWD/default/js/minicart.js
skin/frontend/RWD/default/js/slideshow.js

    থেকে

    skin/frontend/DEFAULT/default/js/

    (বা আপনার প্যাকেজ ত্বকের ফোল্ডার)

  6. ফাইলটি অনুলিপি করুন

    app/design/frontend/RWD/default/layout/configurableswatches.xml

    থেকে

    app/design/frontend/DEFAULT/default/layout/

    (বা আপনার প্যাকেজ লেআউট ফোল্ডার)

  7. ফাইল তৈরি করুন

    app/design/frontend/DEFAULT/default/layout/local.xml

যদি আপনার প্যাকেজ বিন্যাস ফোল্ডারে ইতিমধ্যে একটি local.xmlফাইল থাকে তবে এটি ওভাররাইট করবেন না। পরবর্তী পদক্ষেপের পরিবর্তনগুলি দেখুন এবং সেগুলি আপনার local.xmlফাইলের সংস্করণে অনুলিপি করুন ।

  1. খুলুন local.xmlএবং নিম্নলিখিত কোড যুক্ত করুন:

    <?xml version="1.0"?>
<layout>

    <default>

        <reference name="head">

                <action method="addJs"><script>lib/jquery/jquery-1.10.2.min.js</script></action>
                <action method="addJs"><script>lib/jquery/noconflict.js</script></action>

                <action method="addItem"><type>skin_js</type><name>js/lib/modernizr.custom.min.js</name></action>
                <action method="addItem"><type>skin_js</type><name>js/lib/selectivizr.js</name></action>
                <action method="addItem"><type>skin_js</type><name>js/lib/matchMedia.js</name></action>
                <action method="addItem"><type>skin_js</type><name>js/lib/matchMedia.addListener.js</name></action>
                <action method="addItem"><type>skin_js</type><name>js/lib/enquire.js</name></action>
                <action method="addItem"><type>skin_js</type><name>js/app.js</name></action>
                <action method="addItem"><type>skin_js</type><name>js/lib/jquery.cycle2.min.js</name></action>
                <action method="addItem"><type>skin_js</type><name>js/lib/jquery.cycle2.swipe.min.js</name></action>
                <action method="addItem"><type>skin_js</type><name>js/slideshow.js</name></action>
                <action method="addItem"><type>skin_js</type><name>js/lib/imagesloaded.js</name></action>
        <action method="addItem"><type>skin_js</type><name>js/minicart.js</name></action>

        </reference>

    </default>

    <catalog_product_view>

        <reference name="head">

            <action method="addItem"><type>skin_js</type><script>js/lib/elevatezoom/jquery.elevateZoom-3.0.8.min.js</script></action>

        </reference>

        <reference name="product.info.media">

            <block type="core/text_list" name="product.info.media.after" as="after" />

        </reference>

    </catalog_product_view>

    <PRODUCT_TYPE_configurable>

        <reference name="product.info.options.configurable">

            <block type="core/text_list" name="product.info.options.configurable.renderers" as="attr_renderers">
                        <block type="configurableswatches/catalog_product_view_type_configurable_swatches" template="configurableswatches/catalog/product/view/type/options/configurable/swatches.phtml" />
            </block>
            <block type="core/text_list" name="product.info.options.configurable.after" as="after">
            <block type="core/template" template="configurableswatches/catalog/product/view/type/configurable/swatch-js.phtml" />
            </block>

        </reference>

    </PRODUCT_TYPE_configurable>

</layout>

  2. আপনার স্টাইলস CSS ফাইলটিতে নিম্নলিখিত সিএসএস যুক্ত করুন:

    /* ============================================ *
 * Configurable Swatches
 * ============================================ */
/* Clears */
.clearfix:after,
.configurable-swatch-list:after,
.product-view .product-options .swatch-attr:after {
  content: '';
  display: table;
  clear: both;
}

/* General Swatch Styling */
.swatch-link,
.swatch-label {
  display: block;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #636363;
  text-decoration: none;
  box-sizing: content-box;
}

.swatch-link {
  border: 1px solid #cccccc;
  margin: 0 0 3px;
}
.swatch-link img {
  border-radius: 2px;
}
.swatch-link:hover {
  cursor: pointer;
  text-decoration: none;
}
.swatch-link .x {
  display: none;
  text-indent: -999em;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(../images/bg_x.png) center no-repeat transparent;
  z-index: 10;
}
.swatch-link.has-image .swatch-label {
  position: relative;
}
.swatch-link.has-image img {
  position: absolute;
  top: 0;
  left: 0;
}

.swatch-label {
  border: 1px solid #fff;
  margin: 0;
  white-space: nowrap;
  background: #f4f4f4;
}

.configurable-swatch-list {
  margin-left: -3px;
  zoom: 1;
  clear: both;
  -webkit-transform: translateZ(0px);
}
.configurable-swatch-list li {
  float: left;
  zoom: 1;
  margin: 0 0 0 3px;
}
.products-grid .configurable-swatch-list li {
  display: inline-block;
  float: none;
  margin: 0;
  vertical-align: top;
}
.configurable-swatch-list .not-available .x {
  display: block;
}
.configurable-swatch-list .not-available .swatch-link {
  border-color: #ededed;
  position: relative;
}
.configurable-swatch-list .not-available .swatch-link.has-image img {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.configurable-swatch-list .not-available .swatch-label {
  color: #aaa;
  background: #fff;
}
.configurable-swatch-list .wide-swatch .swatch-label {
  padding: 0 6px;
}
.configurable-swatch-list .not-available a:focus {
  outline: 0;
}

#narrow-by-list dd .configurable-swatch-list li {
  margin: 0 0 0 3px;
  width: 47%;
}
#narrow-by-list dd .swatch-link {
  border: none;
  line-height: 25px;
  margin-right: 2px;
  text-align: left;
}
#narrow-by-list dd .swatch-link.has-image {
  line-height: inherit;
}
#narrow-by-list dd .swatch-link:hover .swatch-label {
  border-color: #3399cc;
}
#narrow-by-list dd .swatch-label {
  background: #f4f4f4;
  border: 1px solid #cccccc;
  border-radius: 3px;
  display: block;
  float: left;
  line-height: 1.5em;
  margin: 0 5px 0 0;
  padding: 1px 5px;
  white-space: nowrap;
}
#narrow-by-list dd .swatch-label img {
  border: 1px solid #fff;
  border-radius: 3px;
  box-sizing: content-box;
}
#narrow-by-list dd .has-image .swatch-label {
  padding: 0;
}

@media only screen and (max-width: 770px) {
  #narrow-by-list dd .configurable-swatch-list li:nth-child(odd) {
    clear: left;
  }
}
.currently .swatch-current {
  position: relative;
}
.currently .swatch-current .btn-remove {
  margin-top: -10px;
  position: absolute;
  right: 0;
  top: 50%;
}
.currently .swatch-current span {
  display: block;
  float: left;
}
.currently .swatch-link {
  display: inline-block;
  margin: 0 0 0 3px;
}
.currently .swatch-link:hover {
  border-color: #cccccc;
  cursor: default;
}

/* Other Swatch States */
.configurable-swatch-list .hover .swatch-link,
.configurable-swatch-list .selected .swatch-link,
.swatch-link:hover {
  border-color: #3399cc;
}

.configurable-swatch-box {
  background: none !important;
}
.configurable-swatch-box select.swatch-select {
  display: none;
}
.configurable-swatch-box .validation-advice {
  margin: 0 0 5px;
  background: #df280a;
  padding: 2px 5px !important;
  font-weight: bold;
  color: #fff !important;
  float: left;
  display: block;
  border-radius: 3px;
}
.product-view .product-img-box .product-image img {
    max-width: 100%;
    max-height: 750px;
    margin: 0px auto;
}
.product-view .product-img-box .product-image-zoom {
    z-index: 0;
}
.product-view .product-image-thumbs img {
    max-width: 100%;
    max-height: 100%;
}

  3. ফাইলটি অনুলিপি করুন

    skin/frontend/RWD/default/images/bg_x.png

    থেকে

    skin/frontend/DEFAULT/default/images/
— বিন্যাস
সূত্র
1
আপনি কীভাবে ক্যাটালগ / পণ্য / তালিকার পৃথক পণ্যগুলিতে স্য্যাচগুলি যুক্ত করবেন? ডিফল্ট আরডাব্লুডির মধ্যে আপনি পণ্যটিতে ক্লিক না করেই সরাসরি এখান থেকে বিভিন্ন সোয়াচ নির্বাচন করতে পারবেন। অবশ্যই, আপনার ব্যাকএন্ডে সেটিংস সক্ষম থাকতে হবে: "পণ্য তালিকাতে প্রথমে স্য্যাচগুলির জন্য ব্যবহারের জন্য পণ্য বৈশিষ্ট্য"।
— জো
এছাড়াও, আমি .product-image-zoom.zoom-available .gallery-image { display: none; } .product-image-zoom.zoom-available .gallery-image.visible { display: block; }সিএসএসের শেষের দিকে যুক্ত করার পরামর্শ দেব , এটি ব্যতীত, আপনি কোনও পণ্য দেখার সময় সর্বশেষ যুক্ত হওয়া পণ্য চিত্রটি দেখতে পাবেন, তবে ঘোরাফেরা করার সময় আপনি মূল চিত্রটি দেখতে পাবেন।
— সেবিএফ
1
গ্যালারী চিত্রটি সোয়েচের রঙের ক্লিকের পরিবর্তিত হচ্ছে না, আপনি কীভাবে এটি কাজ করবেন তা আমাকে বলতে পারেন?
— তাহির ইয়াসিন
2

আপনার সমাধানটি দুর্দান্ত তবে বিভাগের তালিকা বা গ্রিডে রঙের স্যুইচ প্রদর্শন করবেন না। এখানে আমি এটি দেখানোর সমাধানটি যুক্ত করেছি, ম্যাজেন্টো ১.৯.২.৪ তে পরীক্ষা করে দেখছি।

ইন: অ্যাপ্লিকেশন / নকশা / সীমানা / কাস্টম-থিম / টেমপ্লেট / ক্যাটালগ / পণ্য যুক্ত করুন list.phtml

1 - তালিকা ভিউতে প্রথমে দেখানোর জন্য, এটি সেখানে আছে কিনা তা যাচাই করুন, না থাকলে আপডেট করুন ও পরিবর্তন করুন (উত্তেজিত লাইন 39):

<?php $_imgSize = 300; ?>
            <img id="product-collection-image-<?php echo $_product->getId(); ?>"
                 src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->keepFrame(false)->resize($_imgSize); ?>"
                 alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />
        </a>

বিকল্পভাবে এটি ব্যবহার করতে পারেন:

            <img id="product-collection-image-<?php echo $_product->getId(); ?>"
          src="<?php echo $this->helper('catalog/image')->init($_product, 'small_image')->resize(230,279); ?>" class="small-image" 
          alt="<?php echo $this->stripTags($this->getImageLabel($_product, 'small_image'), null, true) ?>" />             

        </a>

পুনরায় আকারের চিত্রটি সামঞ্জস্য করুন।

2 - "getRatingSummary" = পিএইচপি শেষে যদি =, 53 লাইনের আশেপাশে, এটি যুক্ত করুন:

                        <?php
                    // Provides extra blocks on which to hang some features for products in the list
                    // Features providing UI elements targeting this block will display directly below the product name
                    if ($this->getChild('name.after')) {
                        $_nameAfterChildren = $this->getChild('name.after')->getSortedChildren();
                        foreach ($_nameAfterChildren as $_nameAfterChildName) {
                            $_nameAfterChild = $this->getChild('name.after')->getChild($_nameAfterChildName);
                            $_nameAfterChild->setProduct($_product);
                            echo $_nameAfterChild->toHtml();
                        }
                    }
                    ?>

3 - 120 এবং 152 লাইনের চারপাশে গার্ড ভিউতে একই পরিবর্তন করুন।

4 - ফাইলের শেষে এটি যুক্ত করুন:

 <?php
// Provides a block where additional page components may be attached, primarily good for in-page JavaScript
if ($this->getChild('after')) {
    $_afterChildren = $this->getChild('after')->getSortedChildren();
    foreach ($_afterChildren as $_afterChildName) {
        $_afterChild = $this->getChild('after')->getChild($_afterChildName);
        //set product collection on after blocks
        $_afterChild->setProductCollection($_productCollection);
        echo $_afterChild->toHtml();
    }
}
?>
— Joso
সূত্র
1

এটি খুব সহায়ক ছিল! আমার কাছে কিছু অতিরিক্ত বিশদ রয়েছে যা আমি ইমেজটিতে কাজ করতে স্যুইচ করার জন্য কাজ করতে সক্ষম হয়েছি।

  1. ফাইলটি অনুলিপি করুন 

    app/design/frontend/RWD/default/template/catalog/product/view/media.phtml

    থেকে

    app/design/frontend/DEFAULT/default/template/catalog/product/view/

    বা আপনার কাস্টম থিম

  2. নিম্নলিখিত ফাইলগুলির তালিকাটি অনুলিপি করুন:

    app/skin/frontend/RWD/default/js/app.js
app/skin/frontend/RWD/default/js/slideshow.js
app/skin/frontend/RWD/default/js/lib/* (all files and the elevatezoom folder)

    থেকে

    app/skin/frontend/DEFAULT/default/js

    বা আপনার কাস্টম থিম

  3. এই নতুন স্ক্রিপ্টগুলি অন্তর্ভুক্ত করার জন্য, অ্যাপ্লিকেশন / ডিজাইন / ফ্রন্টএন্ড / ডিফল্ট / ডিফল্ট / লেআউট / পৃষ্ঠা.xML সম্পাদনা করুন (প্রথমে এই ফাইলটির একটি ব্যাকআপ নিন এবং আপনি যদি ডিফল্ট থিম হিসাবে আপডেটগুলি পরিবর্তন করেন তবে পরিবর্তনগুলি মার্জ করার বিষয়টি নিশ্চিত করুন)

    38 লাইনের পরে যুক্ত করুন:

    <action method="addJs"><script>lib/jquery/jquery-1.10.2.min.js</script></action>
<action method="addJs"><script>lib/jquery/noconflict.js</script></action>

    50 লাইনের পরে যুক্ত করুন (52 টি লাইন যদি আপনি ইতিমধ্যে উপরের দুটি লাইন যোগ করেছেন):

        <action method="addItem"><type>skin_js</type><name>js/lib/modernizr.custom.min.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/lib/selectivizr.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/lib/matchMedia.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/lib/matchMedia.addListener.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/lib/enquire.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/app.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/lib/jquery.cycle2.min.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/lib/jquery.cycle2.swipe.min.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/slideshow.js</name></action>
    <action method="addItem"><type>skin_js</type><name>js/lib/imagesloaded.js</name></action>

  4. সরান / * আপনার থেকে পণ্য চিত্র * / অধ্যায় styles.css ফাইল (লাইন 783-803 প্রায়) এবং RWD styles.css ফাইল থেকে নিম্নলিখিত CSS এ আটকান:

    * Product Images */
.product-img-box {
  width: 50%;
  float: left;
}
.product-img-box .product-name h1 {
  border: 0;
}
.product-img-box .product-image {
  margin-bottom: 10px;
}
.product-img-box .product-image img {
  max-width: 100%;
  max-height: 750px;
  margin: 0px auto;
}

@media only screen and (max-width: 479px) {
  .product-img-box .product-image img {
    max-height: 450px;
  }
}
.product-image-gallery {
  position: relative;
}
.product-image-gallery .gallery-image {
  display: none;
}
.product-image-gallery .gallery-image.visible {
  display: block;
}
.product-image-gallery .gallery-image.visible.hidden {
  visibility: hidden;
}
.product-image-gallery:before, .product-image-gallery:after {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  display: none;
}
.product-image-gallery:before {
  background-color: white;
  opacity: 0.8;
  z-index: 2;
}
.product-image-gallery:after {
  background-image: url("../images/opc-ajax-loader.gif");
  background-repeat: no-repeat;
  background-position: center;
  z-index: 3;
}
.product-image-gallery.loading {
  position: relative;
}
.product-image-gallery.loading:before, .product-image-gallery.loading:after {
  display: block;
}

.product-image-thumbs li {
  display: inline-block;
}
.product-image-thumbs li:first-child {
  margin-left: -1px;
}
.product-image-thumbs a {
  display: inline-block;
  border: 1px solid transparent;
}

.no-touch .product-image-thumbs a:hover {
  border-color: #c7c7c7;
}

সর্বশেষে, তবে অন্তত নয়, গুগলকে ধন্যবাদ জানাতে কিছু উন্নতি হয়েছে এবং মিশেল সোইকোর বেলভিজি ব্লগে নিম্নলিখিত পোস্টটি খুঁজে পেয়েছি , আমি লিফটজুমের জন্য আরও সেটিংস যেমন অভ্যন্তরীণ জুম বা জুম উইন্ডোটির অফসেটের মতো আরও কিছু সেটিংস সংশোধন করতে এবং গ্রহণ করতে সক্ষম হয়েছি , ইত্যাদি। এছাড়াও, আমি ছবিটি ক্লিক করার সময় একটি পপআপ ফেন্সিবক্স রাখতে চেয়েছিলাম, যা উপরের ব্লগের সাহায্যে আমি মন্তব্যগুলিতে নীচে সক্ষম করেছি।

  1. আপনি আগে আপনার থিমটিতে অনুলিপি করেছেন এমন অ্যাপ্লিকেশন ফাইলটি খুলুন

    1153 লাইন ( var ProductMediaManager = {) এর উপরে , পেস্ট করুন (উপরের বেলভিজি ব্লগ লিঙ্ক থেকে অনুলিপি করেছেন):

    var settings = {

    // set tint background
    tint:true,
    tintColour:'#F90',
    tintOpacity:0.5,

    // Size
    zoomWindowHeight: 300,
    zoomWindowWidth: 400,
    borderSize: 0,

    // Position
    zoomWindowOffetx: 10,
    zoomWindowOffety: 0,

    // Additional settings for Zoomer positioning.
    // zoomWindowPosition: 1,
    // zoomType: "inner",

    // Fade-in speed settings
    zoomWindowFadeIn: 500,
    zoomWindowFadeOut: 500,
    lensFadeIn: 500,
    lensFadeOut: 500,

    // Ability to zoom by using the mouse scroll.
    scrollZoom : true,

    // inertia - my favorite one 
    easing: true
}

    আপনি যদি এখন ফ্যান্সিবক্স পপআপ চান তবে উপরে এখন 1227 লাইনটি কী, তা পেস্ট করুন:

    $j(".product-image-gallery").on("click", function(e) {
    var src = $j('.product-image img.visible').attr('src');
$j.fancybox(src);
});

    দ্রষ্টব্য, আপনার পেজ.এক্সএমএল বা আপনার থিমের অন্য কোথাও jQuery পরে ফ্রেসবক্স জেএস লাইব্রেরি লোড করা দরকার

    পরিশেষে, এখন 1232 লাইনে কী রয়েছে তা সংশোধন করুন (আপনি উপরে থেকে উভয় পেস্টিং করেছেন):

    image.elevateZoom();

    করুন:

    image.elevateZoom(settings);

সব zoomer সেটিংস একটি ওভারভিউ জন্য, বর্ণনা সরকারি পৃষ্ঠাটি দেখুন elevateZoom সেটিং

এবং এটি কাজ করা উচিত। যদি আপনি একটি কাস্টম থিম (যেমন আমি ছিলাম) নিয়ে কাজ করছেন তবে আপনার আরও কিছু করতে হবে।

— মাইক
সূত্র
কিছুটা ভিন্ন পদ্ধতির সাথে আমি স্বয়ংক্রিয় ইমেজ স্যুইচিংও কাজ করতে সক্ষম হয়েছি। আমার পদ্ধতির পাতায় আমি local.xmlসমস্ত .jsফাইল লোড করতে ব্যবহার করছি head। আমি কিছু সময় পেলে আমার উত্তর আপডেট করব। ততক্ষণ আপনি কীভাবে এখানে এটি করবেন তা নিয়ে আমি লিখেছিলাম একটি বিশদ টিউটোরিয়াল ।
— ফর্ম্যাট
0 ডাউন ভোটে কনফিগারযোগ্য স্য্যাচগুলি
— রবি চোমাল
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.