{"title":"[Implement Code] button","description":"","products":[{"product_id":"se-multiplelinkbuttons","title":"[Code Implementation]: Multiple link buttons","description":"\u003cp\u003e Please set the heading.\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e You can set the description. \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25506-1.png?v=1741334195\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg\u003e\u003c\/p\u003e\n\n\u003cp\u003e \u003cmeta charset=\"utf-8\"\u003eYou can configure the container.\u003c\/p\u003e\n\n\u003cp\u003e You can set the background color. \u003cimg\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25506-2.png?v=1741334195\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e Margins can be set differently for PC and SP. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25506-3.png?v=1741334195\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e Setting the title \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25506-4.png?v=1741334195\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e Set Description \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25506-5.png?v=1741334195\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e There are 5 buttons (fixed).\u003cbr\u003e Please set the button level and link. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25506-6.png?v=1741334195\" alt=\"\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25506-7.png?v=1741334195\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50503909146905,"sku":null,"price":3500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25506.png?v=1741334196"},{"product_id":"se-squarelinkbutton","title":"[Code Implementation]: Square Link Button","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e Please set the background color.\u003c\/p\u003e\n\n\u003cp\u003e Set the background color when hovering.\u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e Margins can be set differently for PC and SP. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25512-1.png?v=1741394736\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg\u003e\u003c\/p\u003e\n\n\u003cp\u003e Set the icon.\u003cbr\u003e If you make the icon background transparent, it will look like this:\u003c\/p\u003e\n\n \u003cp\u003ePlease set the title in both English and Japanese.\u003c\/p\u003e\n\n\u003cp\u003e Please set the link destination.\u003c\/p\u003e\n\n\u003cp\u003e You can round the corners of individual buttons. \u003cimg\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25512-2.png?v=1741394767\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50506735517977,"sku":null,"price":4500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25512.png?v=1741394714"},{"product_id":"se-floatbutton","title":"[Code Implementation]: Float button","description":"\u003cp\u003e Images can be set separately for PC (portrait recommended) and SP (landscape recommended).\u003c\/p\u003e\n\n\u003cp\u003e \u003cmeta charset=\"utf-8\"\u003ePlease set the content width (text width).\u003c\/p\u003e\n\n\u003cp\u003e Please set the text color.\u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e The content (text part) can also have a transparent background.\u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e Please set the link destination.\u003c\/p\u003e\n\n\u003cp\u003e Please set individual widths. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25517-1.png?v=1741426492\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50509233979673,"sku":null,"price":4500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25517.png?v=1741426534"},{"product_id":"se-popuplinkbutton","title":"[Code Implementation]: Pop-up link button","description":"\u003cp\u003e You can set separate images for PC and SP.\u003c\/p\u003e\n\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e Please set the link destination.\u003c\/p\u003e\n\n\u003cp\u003e Set the width of each individual image.\u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e You can also set the link text, font size, and text color. \u003cmeta charset=\"utf-8\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25519_1.png?v=1741428260\"\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50509255409945,"sku":null,"price":4500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25519.png?v=1741428384"},{"product_id":"se-imagebutton","title":"[Code Implementation]: Image button","description":"\u003cp\u003e You can set it as a section title.\u003c\/p\u003e\n\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e You can set the rounded corners of the image.\u003c\/p\u003e\n\n\u003cp\u003e Set the background color for the text.\u003cbr\u003e Overlay settings are also possible. Please specify RGBA.\u003c\/p\u003e\n\n\u003cp\u003e The number of columns can be set separately for PC and SP.\u003c\/p\u003e\n\n\u003cp\u003e Background color, section title text color,\u003cbr\u003e Set the color of the block title and text. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25521-1.png?v=1741566811\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e Set the font size. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25521-2.png?v=1741431021\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e\n\n\u003cp\u003e Set the title, text, and link destination. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25521-3.png?v=1741431039\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50509482852633,"sku":null,"price":4500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/25521.png?v=1741567039"},{"product_id":"se-buttontab","title":"[Code Implementation]: Button tab","description":"\u003cp\u003e In the text settings, you can change the text size and color. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-02-23_21.34.38.png?v=1740315027\"\u003e\u003c\/p\u003e\n\n \u003cp\u003eIn the button settings, you can change the button background color, button curve, and button height. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-30_22.28.02.png?v=1743341348\" alt=\"\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e For each block, you can change the text, choose where the link goes, and change how the link source appears.\u003cbr\u003e Tab text should be no longer than three lines. \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-02-23_21.36.14.png?v=1740315324\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e You can set up to 8 tabs. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-20_10.24.46.png?v=1742433975\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50533542953241,"sku":null,"price":4500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-1322.29.04.png?v=1741872780"},{"product_id":"se-collection-tab-border","title":"[Code Implementation]: Collection tab (border)","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e Use it as a tab for your collection.\u003c\/p\u003e\n\n\u003cp\u003e Go to Administration \u0026gt; Content \u0026gt; Menus, create the menu you want to set up, and set the label and link.\u003cbr\u003e Please also set a handle name.\u003cbr\u003e Please use English characters for your handle name. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-15_19.23.00.png?v=1742036193\"\u003e\u003c\/p\u003e\n\n \u003cp\u003eFrom the customization screen, enter your menu handle name and the Collections tab will appear. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-15_19.15.53.png?v=1742035856\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e You can set the text color, selected border color, and border type. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-30_22.35.41.png?v=1743341883\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50543630876953,"sku":null,"price":6500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-1519.34.34.png?v=1742034891"},{"product_id":"se-collection-tab-parentheses","title":"[Code Implementation]: Collection tab (brackets)","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e Use it as a tab for your collection.\u003c\/p\u003e\n\n\u003cp\u003e Go to Administration \u0026gt; Content \u0026gt; Menus, create the menu you want to set up, and set the label and link.\u003cbr\u003e Please also set a handle name.\u003cbr\u003e Please use English characters for your handle name. \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-15_19.23.00.png?v=1742036193\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e From the customization screen, enter your menu handle name and the Collections tab will appear. \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-15_20.06.47.png?v=1742036883\"\u003e\u003c\/p\u003e\n\n \u003cp class=\"p1\"\u003eYou can set the text color, selection color, and border color. \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-30_22.40.49.png?v=1743342133\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50543691464985,"sku":null,"price":6500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-1520.10.58.png?v=1742037130"},{"product_id":"se-collection-tab-underline","title":"[Code Implementation]: Collection tab (underlined)","description":"\u003cp\u003e\u003cmeta charset=\"utf-8\"\u003e Use it as a tab for your collection.\u003c\/p\u003e\n\n\u003cp\u003e Go to Administration \u0026gt; Content \u0026gt; Menus, create the menu you want to set up, and set the label and link.\u003cbr\u003e Please also set a handle name.\u003cbr\u003e Please use English characters for your handle name. \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-15_19.23.00.png?v=1742036193\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e From the customization screen, enter your menu handle name and the Collections tab will appear. \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-15_20.32.51.png?v=1742038494\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp class=\"p1\"\u003e You can set the text color, selection color, and border color. \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-30_22.45.36.png?v=1743342394\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50543700246809,"sku":null,"price":6500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-1520.33.50.png?v=1742038720"},{"product_id":"se-collection-tab-slide","title":"[Code Implementation]: Collection tab (slide)","description":"\u003cp\u003e Use it as a tab for your collection.\u003c\/p\u003e\n\n \u003cp\u003eGo to Administration \u0026gt; Content \u0026gt; Menus, create the menu you want to set up, and set the label and link.\u003cbr\u003e Please also set a handle name.\u003cbr\u003e Please use English characters for your handle name. \u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-15_19.23.00.png?v=1742036193\"\u003e\u003c\/p\u003e\n\n\u003cp\u003e From the customization screen, enter your menu handle name and the Collections tab will appear. \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-15_20.52.03.png?v=1742039684\"\u003e\u003cbr\u003e\u003c\/p\u003e\n\n\u003cp class=\"p1\"\u003e You can set the text color, selected border color, and border type. \u003cbr\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-30_22.48.52.png?v=1743342596\" alt=\"\"\u003e\u003c\/p\u003e","brand":"Section Stock Store","offers":[{"title":"Default Title","offer_id":50543717777689,"sku":null,"price":6500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0927\/0371\/9705\/files\/2025-03-1520.53.00.png?v=1742045467"}],"url":"https:\/\/section-stock.com\/en\/collections\/full-setup-service_button.oembed","provider":"Section Stock Store","version":"1.0","type":"link"}