advancedAttributes.controller.js
7 years ago
advancedAttributes.directive.js
7 years ago
advancedAttributes.scss
7 years ago
advancedAttributes.tpl.html
7 years ago
advancedAttributes.tpl.html
156 lines
| 1 | <div class="wpallexport-collapsed wpallexport-section" ng-class="{closed: !advancedAttributes.open }"> |
| 2 | <div class="wpallexport-content-section"> |
| 3 | <div class="wpallexport-collapsed-header disable-jquery" |
| 4 | ng-click="advancedAttributes.open = !advancedAttributes.open"> |
| 5 | <h3>Advanced Attributes</h3> |
| 6 | </div> |
| 7 | <div class="wpallexport-collapsed-content" id="advanced-attributes" |
| 8 | ng-slide-down="advancedAttributes.open" duration="0.5"> |
| 9 | <div class="wpallexport-collapsed-content-inner"> |
| 10 | <h3 class="inner-title">Product Type</h3> |
| 11 | <h4>Multipack</h4> |
| 12 | <p> |
| 13 | Multipacks are packages that include several identical products to create a larger unit of sale, |
| 14 | submitted as a single item. |
| 15 | For example, if the product for sale is a 6-pack of soda, the multipack value would be 6. |
| 16 | </p> |
| 17 | <div class="input"> |
| 18 | <label><input type="text" ng-model="advancedAttributes.multipack" class="wpae-default-input" droppable/></label> |
| 19 | </div> |
| 20 | |
| 21 | <h4>Adult</h4> |
| 22 | <div class="input"> |
| 23 | <label><input type="radio" ng-model="advancedAttributes.adult" value="no"/>False</label> |
| 24 | </div> |
| 25 | <div class="input"> |
| 26 | <label><input type="radio" ng-model="advancedAttributes.adult" value="yes"/>True</label> |
| 27 | </div> |
| 28 | <div class="input"> |
| 29 | <label><input type="radio" ng-model="advancedAttributes.adult" value="customValue"/>Custom data</label> |
| 30 | <div ng-slide-down="advancedAttributes.adult == 'customValue'" duration="0.2" class="input inner"> |
| 31 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.adultCV" droppable /> |
| 32 | </div> |
| 33 | </div> |
| 34 | |
| 35 | <h3 class="inner-title">Adwords & Shopping Campaigns</h3> |
| 36 | <h4>Adwords Redirect</h4> |
| 37 | <p>If provided, make sure that the URL redirects to the same URL as given in the 'link' attribute.</p> |
| 38 | <div class="input"> |
| 39 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.adwordsRedirect" droppable /> |
| 40 | </div> |
| 41 | |
| 42 | <h4>Custom Labels</h4> |
| 43 | <p> |
| 44 | You can use custom labels to subdivide products in your campaign using any values |
| 45 | of your choosing. For example, you can use custom labels to indicate that products |
| 46 | are seasonal, on clearance, best sellers, etc. (<a href="https://support.google.com/adwords/answer/6275295" target="_blank">Learn more about how to set up Shopping campaigns.</a>) |
| 47 | </p> |
| 48 | <div style="margin-top:10px;">Custom Label 0</div> |
| 49 | <div class="input"> |
| 50 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.customLabel0" droppable /> |
| 51 | <a href="" class="wpae-field-mapping" ng-click="showCustomLabel0Mappings=true">Field Options...</a> |
| 52 | <div style="position: relative"> |
| 53 | <mapping mappings="advancedAttributes.customLabel0Mappings" show="showCustomLabel0Mappings" context="text" /> |
| 54 | </div> |
| 55 | </div> |
| 56 | <div style="margin-top:10px;">Custom Label 1</div> |
| 57 | <div class="input"> |
| 58 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.customLabel1" droppable /> |
| 59 | <a href="" class="wpae-field-mapping" ng-click="showCustomLabel1Mappings=true">Field Options...</a> |
| 60 | <div style="position: relative"> |
| 61 | <mapping mappings="advancedAttributes.customLabel1Mappings" show="showCustomLabel1Mappings" context="text" /> |
| 62 | </div> |
| 63 | </div> |
| 64 | <div style="margin-top:10px;">Custom Label 2</div> |
| 65 | <div class="input"> |
| 66 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.customLabel2" droppable /> |
| 67 | <a href="" class="wpae-field-mapping" ng-click="showCustomLabel2Mappings=true">Field Options...</a> |
| 68 | <div style="position: relative"> |
| 69 | <mapping mappings="advancedAttributes.customLabel2Mappings" show="showCustomLabel2Mappings" context="text" /> |
| 70 | </div> |
| 71 | </div> |
| 72 | <div style="margin-top:10px;">Custom Label 3</div> |
| 73 | <div class="input"> |
| 74 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.customLabel3" droppable /> |
| 75 | <a href="" class="wpae-field-mapping" ng-click="showCustomLabel3Mappings=true">Field Options...</a> |
| 76 | <div style="position: relative"> |
| 77 | <mapping mappings="advancedAttributes.customLabel3Mappings" show="showCustomLabel3Mappings" context="text" /> |
| 78 | </div> |
| 79 | </div> |
| 80 | <div style="margin-top:10px;">Custom Label 4</div> |
| 81 | <div class="input"> |
| 82 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.customLabel4" droppable /> |
| 83 | <a href="" class="wpae-field-mapping" ng-click="showCustomLabel4Mappings=true">Field Options...</a> |
| 84 | <div style="position: relative"> |
| 85 | <mapping mappings="advancedAttributes.customLabel4Mappings" show="showCustomLabel4Mappings" context="text" /> |
| 86 | </div> |
| 87 | </div> |
| 88 | |
| 89 | <hr/> |
| 90 | |
| 91 | <h3 class="inner-title">Unit Prices</h3> |
| 92 | <p> |
| 93 | These attributes allow you to submit pricing for products that rely on unit pricing. |
| 94 | The 'unit pricing measure' attribute defines the measure and dimension of an item (e.g. 150g). |
| 95 | The 'unit pricing base measure attribute specifies your preference of the denominator of the unit price (e.g. 100g). |
| 96 | </p> |
| 97 | <p> |
| 98 | For example, if the 'price' is 3 USD, 'unit pricing measure' is 150g and 'unit pricing base measure' is 100g, the unit price would be '2 USD/200g'. |
| 99 | </p> |
| 100 | |
| 101 | <h4>Unit Pricing Measure</h4> |
| 102 | <div class="input"> |
| 103 | <input type="text" ng-model="advancedAttributes.unitPricingMeasure" class="wpae-default-input" droppable /> |
| 104 | </div> |
| 105 | <h4>Unit Pricing Base Measure</h4> |
| 106 | <div class="input"> |
| 107 | <input type="text" ng-model="advancedAttributes.unitPricingBaseMeasure" class="wpae-default-input" droppable /> |
| 108 | <select style="width: 170px;" ng-model="advancedAttributes.unitPricingBaseMeasureUnit"> |
| 109 | <option value="kg">Kilograms (kg)</option> |
| 110 | <option value="g">Ounces (oz)</option> |
| 111 | <option value="lb">Pounds (lb)</option> |
| 112 | <option value="mg">Milligrams (mg)</option> |
| 113 | <option value="g">Grams (g)</option> |
| 114 | </select> |
| 115 | </div> |
| 116 | <hr/> |
| 117 | <h3 class="inner-title">Additional Attributes</h3> |
| 118 | <h4>Expiration Date</h4> |
| 119 | <p> |
| 120 | This is the date that an item listing will expire. If you do not provide this attribute, items |
| 121 | will expire and no longer appear in Google Shopping results after 30 days. |
| 122 | <strong>You cannot use thi attribute to extend the expiration period to longer than 30 days.</strong> |
| 123 | </p> |
| 124 | <div class="input"> |
| 125 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.expirationDate" droppable /> |
| 126 | </div> |
| 127 | |
| 128 | <h4>Energy Efficiency Class</h4> |
| 129 | <p> |
| 130 | This attribute allows you to submit the energy label for your applicable products in feeds targeting |
| 131 | European Union countries and switzerland. |
| 132 | </p> |
| 133 | <div class="input"> |
| 134 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.energyEfficiencyClass" droppable /> |
| 135 | <a href="" class="wpae-field-mapping" ng-click="showEnergyEfficiencyMappings=true">Field Options...</a> |
| 136 | <div style="position: relative"> |
| 137 | <mapping mappings="advancedAttributes.energyEfficiencyClassMappings" show="showEnergyEfficiencyMappings" /> |
| 138 | </div> |
| 139 | </div> |
| 140 | <h4>Promotion ID</h4> |
| 141 | <p> |
| 142 | If using Merchant Promotions, the 'promotion id' attribute is used in both your products |
| 143 | feed and your promotions feed to match products to promotions across the two feeds. |
| 144 | </p> |
| 145 | <div class="input"> |
| 146 | <input type="text" class="wpae-default-input" ng-model="advancedAttributes.promotionId" droppable /> |
| 147 | <a href="" class="wpae-field-mapping" ng-click="showPromotionIdMappings=true">Field Options...</a> |
| 148 | <div style="position: relative"> |
| 149 | <mapping mappings="advancedAttributes.promotionIdMappings" show="showPromotionIdMappings" /> |
| 150 | </div> |
| 151 | </div> |
| 152 | |
| 153 | </div> |
| 154 | </div> |
| 155 | </div> |
| 156 | </div> |