Skip to content

Instantly share code, notes, and snippets.

@odessy
odessy / gitbook_csv_export.py
Created August 8, 2025 18:23
Export document from gitbook web pages
import requests
from bs4 import BeautifulSoup, Tag
import csv
import re
from urllib.parse import urljoin
from typing import List, Dict, Optional
# Configuration
BASE_URL = "https://pipeline.groupthought.com/"
HEADERS = {
/* CSS - change Add to Cart button color */
.product__form--buybutton .product__submit__add {
background-color: var(--primary);
border: 1px solid var(--primary);
color: var(--primary-opposite);
}
.product__form--buybutton .product__submit__add:hover,
.product__form--buybutton .product__submit__add:focus {
background-color: var(--primary-hover);
border: 1px solid var(--primary-hover);
@odessy
odessy / gist:1478dd7bc95532d2ec5072dc44214d1e
Created July 22, 2025 16:58
Hide section if image settings is blank
data-section-id="{{ section.id }}"
@odessy
odessy / gist:c2ad3d0069a2bccfed048869f43f9eb4
Last active July 15, 2025 16:01
Product siblings block height option and custom sibling label
<!-- /snippets/product-siblings.liquid -->
{%- liquid
assign sibs_collection = collections[block.settings.siblings_collection].products
assign cutline_default = block.settings.cutline | default: product.metafields.theme.cutline.value
assign old_siblings_label = 'general.siblings.label' | t | default: 'Color'
assign siblings_label = block.settings.cutline_label | default: old_siblings_label
-%}
{%- if sibs_collection.size > 1 -%}
var links = document.links;
for (let i = 0, linksLength = links.length ; i < linksLength ; i++) {
if (links[i].hostname !== window.location.hostname) {
links[i].target = '_blank';
links[i].rel = 'noreferrer noopener';
}
}
@odessy
odessy / gist:3f522654ce0c01e9037c62daae5ff426
Created May 30, 2025 16:28
Product section form block order on mobile
@media only screen and (max-width: 767px) {
.product__inner {
display: grid;
grid-template-areas:
"title"
"price"
"variants"
"quantity"
"remaining"
"buttons"
a.klaviyo-bis-trigger {
background-color: var(--COLOR-PRIMARY);
border: 1px solid var(--COLOR-PRIMARY);
color: var(--COLOR-PRIMARY-OPPOSITE);
font-style: var(--FONT-STYLE-ACCENT);
text-transform: uppercase;
font-weight: var(--FONT-WEIGHT-ACCENT-BOLD);
font-style: calc(var(--font-3)*var(--FONT-ADJUST-ACCENT));
font-family: Sohne Breit,helvetica,sans-serif;
letter-spacing: .24em;
@odessy
odessy / gist:62fe97263ac8509765bb8fb2fa4b5d96
Last active May 6, 2025 16:03
Add background to product variants container
/* CSS - Change background color of block variants container */
.product__block__variants{
background-color: #513f76;
padding: 10px;
border-radius: 15px;
--text: #fff;
--text-light: var(--text);
}
.radio__legend,
.radio__legend__label{
@odessy
odessy / gist:2756e659641b15cbf74014be4402306c
Last active May 1, 2025 16:21
Pipeline add rounded radius to section and blocks
/* Add rounded radius to section and blocks */
.product-grid-item img,
.product-grid-item__image-wrapper,
.product-grid-item__image{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
}
.section-padding:not(.wrapper--none) img,
@odessy
odessy / gist:2412d193838848820e5846a5c15c6ffd
Last active April 23, 2025 16:14
Edit the code for your shopify payment icons
Edit the code for your payment icons
In this step, you will change the way that payment icons are assigned to your footer. By default, your theme shows the icons that are associated with the payment gateway you have enabled in the payment settings section of your admin and that are available for the current customer's region and currency. With this customization, you will manually add or remove the payment icons that you want to display.
Steps:
1) From your Shopify admin, go to Online Store > Themes.
2) Find the theme you want to edit, click the … button to open the actions menu, and then click Edit code.